Изменение размера, обрезка, поворот и добавление текста к изображениям в рельсах - PullRequest
1 голос
/ 20 апреля 2011

Мне нужно добавить в приложение, которое я создаю, функцию, которая позволяет пользователю загружать изображение и манипулировать им различными способами, включая добавление текста. По сути, это способ разработки заказной печатной продукции, как это уже встречается на многих веб-сайтах, и он будет наложен на фоновое изображение того, что настраивается, например. Футболка. * * +1001

Основные требования: изменение размера, обрезка и поворот изображения на фоне. Наложение и изменение положения / цвета / стиля текста по отношению к изображению. Предварительный просмотр окончательного дизайна на фоне.

Я знаю, что flash, возможно, является лучшим решением, но я действительно надеялся избежать этого и использовать вместо этого Jquery. Несмотря на то, что существует множество возможностей для изменения размера и обрезки изображений с помощью javascript, похоже, нет ничего, что соответствовало бы моим потребностям.

У кого-нибудь есть идеи?

Спасибо

Tom

Ответы [ 3 ]

1 голос
/ 20 апреля 2011

Преобразование, редактирование и создание изображений

Я говорю о ImageMagick

http://www.imagemagick.org/script/index.php

Также есть замечательный гем paperclip для работы с изображениями. Вы можете создавать свои собственные процессоры для магии.

https://github.com/thoughtbot/paperclip

Это на стороне сервера.

Вот что нужно сделать с jQuery:

http://shinylittlething.com/2009/02/20/image-manipulation-jquery-plugins/

и этот плагин

http://www.gastonrobledo.com.ar/cropzoom/index.html

0 голосов
/ 20 апреля 2011

Для обрезки, процессор описан здесь:

http://railscasts.com/episodes/182-cropping-images

Вы также можете получить вдохновение для вращения.

0 голосов
/ 20 апреля 2011

Это то, для чего flash / actionscript / flex создан на стороне клиента.
Вы также можете посмотреть на HTML5 для клиентской части.

Вы можете добавить больше функциональности, если вы добавите в процесс сценарии на стороне сервера и будете использовать библиотеку, например ImageMagik

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...