Question

I need to include a feature on an app I’m building that allows the user to upload an image and manipulate it in various ways including adding text. This is basically a way to design custom printed merchandise as is already found on many websites and will be overlayed on a background image of whatever is being customised e.g. T-Shirt.

The basic requirements are: resize, crop and rotate image against background. Overlay and change position/colour/style of text against image. Preview the final design against the background.

I know that flash is possibly the best solution but I was really hoping to avoid it and use Jquery instead. While there is plenty out there for resizing and cropping images with javascript there doesn’t seem to be anything that fits my needs.

Does anyone have any ideas?

Thanks,

Tom

Answer 1

Convert, Edit, And Compose Images

I am talking about ImageMagick

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

Also there is great paperclip gem for working with images. You can make your own processors to do magick.

https://github.com/thoughtbot/paperclip

That’s about server side.

Here is something to go with jQuery:

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

and this plugin

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