jQuery изменить размер (перетащить n падение) и обрезать

Question

Я некоторое время работал над проектом, который включает в себя следующее (вот где я застрял): Я должен загрузить изображение только с загрузчиком без флеш-памяти, например: http://blueimp.github.com/jQuery-File-Upload. После загрузки этого изображения оно должно открыться в лайтбоксе (fancybox и т. Д.), И у пользователя должна быть возможность а) изменить размер изображения с помощью функции перетаскивания n (чтобы не указывать фактические координаты); б) обрезать измененное изображение до фиксированной ширины и высоты. Было бы здорово, если бы все вышеперечисленное можно было сделать одновременно!

Я искал плагины и плагины, но я не могу найти ничего, что делает вышеупомянутое вместе. Ребята, у вас есть идеи?

Спасибо, Себ

Answer 1

Для клиентской части я рекомендую проверить плагин imgAreaSelect - он обеспечивает функциональность, которую вы упомянули, и очень настраиваемый.

С точки зрения фактического создания измененного изображения / эскиза, обычно вы отправляете координаты в бэкэнд и выполняете там фактическое обрезание / изменение размера / сохранение, например, с помощью PIL-файла Python или какой-либо другой библиотеки изображений, добавляемой на ваш язык.