Библиотека редактора изображений Javascript

Мой друг и я планируем построить интернет-магазин. Одной из главных особенностей магазина является способность клиента создавать свои собственные вещи. Мой друг взял сайт polyvore в качестве примера.

Вышеуказанная ссылка указывает на страницу редактора. В поливоре клиент может перетаскивать элементы с правой стороны на "холст" в левой части страницы. изображение имеет простой обработчик для изменения размера, поворота и перемещения.

Это основная функция, которую мы хотим достичь. Я хочу знать, есть ли бесплатная библиотека javascript, обеспечивающая эти функции? Нам не нужны слишком продвинутые вещи, потому что цель не в том, чтобы сделать что-то вроде онлайн-приложения для Photoshop. Редактор поливора охватывает большинство функций, которые нам нужны.

ТИА

Ответ 1

Pixastic имеет простой редактор изображений Javascript, который использует Canvas.

Ответ 2

Когда дело доходит до преобразований, fabricJS выглядит очень хорошо: http://fabricjs.com/

Для эффектов CamanJS, похоже, дает большой контроль, а также включает в себя предустановленные фильтры: http://camanjs.com/examples/

Ответ 3

Если вы разрабатываете свое приложение, используя полнофункциональную фреймворк на основе JavaScript, например Cappuccino или SproutCore, такой легкий манипуляции с изображением должен быть тривиальным для реализации.

Если вы хотите немного повысить гибкость с реализацией сайта, перейдите к меньшей библиотеке, например jQuery UI или Элементы интерфейса (это очень неполный список - вокруг есть множество похожих библиотек).

Ответ 4

Вы можете использовать DarkRoom. это простой и мощный редактор изображений в Интернете. вы можете найти его по ссылке ниже: https://mattketmo.github.io/darkroomjs/

Ответ 5

Это не будет полным ответом, но вам следует руководствоваться. Ext-js имеет объект Ext.Resizable, http://www.extjs.com/deploy/dev/docs/?class=Ext.Resizable, вы можете применить его к любому node, и он добавит ручки для изменяя его размер. Это не присутствует в их основном (jsquery-like) дистрибутиве, вам нужно полное распространение.

Поворот изображений довольно сложный, поскольку он не поддерживается во всех браузерах (webkit позволяет вращаться через css). Я предлагаю, чтобы вы использовали кросс-браузерную библиотеку холста, например http://me.eae.net/projects/iecanvas/demo.html, которая позволяет поворачивать изображения, которые нарисованы на холсте, Тем не менее, вы не можете объединить два, о которых я говорил, я предлагаю вам взглянуть на них обоих для вдохновения и развернуть свои собственные (если кто-то еще не найдет инструмент, который уже делает это)