Плагин Jcrop - обрезаем изображение на лету.

Панель предварительного просмотра:

Пример использования скрипта для обрезки изображений. Выводится форма с индикацией значений (ее можно сделать невидимой). Данный пример связывает несколько значений вместе с обработчиком события. Значения в форме обновляются при изменении выделения. Также есть область предварительного просмотра, в которой можно видеть результат обрезки изображения. Выделенная часть изображения растягивается на стандартный размер миниатюры (200px x 200px) без сохранения пропорциональности. Если нажать на кнопку Обрезать, форма будет отправлена, и миниатюра размером 200px x 200px будет передана в браузер. Попробуйте!

Плагин Jcrop - анимация

Анимация выделения области. Можно использовать API Jcrop для установки области выделения с помощью анимации. Здесь представлены несколько кнопок для управления положением области выделения. Но можно также выделять область вручную. Попробуйте!

Плагин Jcrop - стилизация выделения

Может быть, вам нравится голубой цвет. В данной демонстрации показано, как задавать стиль для нашего примера Jcrop. Все очень просто - нужно использовать параметр addClass для изменения стилей. Также возможно устанавливать прозрачность маскирующего слоя с помощью параметра bgOpacity (в текущем примере используется bgOpacity = 0.5). Кроме того, в примере использован параметр minSize для определения минимального размера области выделения (значение = 50).


Домашняя страница плагина JСrop | Плагин JCrop на сайте Google