535
 

Phototype - работа с изображениями в JavaScript

Phototype - интересный и вместе с тем простой клиент-серверный скрипт основанный на библиотеке Prototype для работы с изображениями, который может обрезать, поворачивать, добавлять тень к изображениям и др. Все эти манипуляции выполняются на сервере при помощи GD библиотеки для PHP. На стороне клиента работа с библиотекой выглядит так:

l_oPhoto = new Photo().load('image.jpg');
l_oPhoto.resize({width:200});
l_oPhoto.rotate(3);
l_oPhoto.dropShadow();
l_oPhoto.addCaption('Get ajaxorized!', '1942.ttf');
document.body.appendChild(l_oPhoto.fetch());

И результат выполнения этого кода:

Phototype

Посмотреть больше примеров и скачать скрипт можно здесь.

Добавить в закладки:

Комментарии на “Phototype - работа с изображениями в JavaScript”

  1. Намекните,пожалуйста,как подобные веще делаются на JavaScript?

  2. Ой,все понял! Просто прочитал пост, а не только код.

  3. [...] сломать Internet ExplorerAJAX календарь на Mootools в стиле ВистыPhototype - работа с изображениями в JavaScriptАнализ производительности для jQueryРабота с классами в [...]

  4. Все хорошо, только rotate(0) он не умеет. Т.е. вывести картинку без поворота нельзя в стандартном коде.

Оставить комментарий

JSToolbox создан на основе WordPress