调整，裁剪，旋转和向轨道中的图像添加文本

Question

我需要在我正在构建的应用程序中包含一项功能，允许用户上传图像并以各种方式操作它，包括添加文本。这基本上是一种设计定制印刷商品的方法，如在许多网站上已经发现的那样，并且将被覆盖在任何正在定制的背景图像上，例如， T恤。

基本要求是：根据背景调整图像大小，裁剪和旋转图像。覆盖并更改文本的位置/颜色/样式与图像。在背景下预览最终设计。

我知道flash可能是最好的解决方案，但我真的希望避免它并使用Jquery代替。虽然有很多用javascript来调整和裁剪图像，但似乎没有任何东西可以满足我的需求。

有没有人有任何想法？

谢谢，

汤姆

Answer 1

  

转换，编辑和撰写图像

我在谈论ImageMagick

  

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

还有很棒的paperclip宝石用于处理图像。你可以让你自己的处理器做magick。

  

https://github.com/thoughtbot/paperclip

这是关于服务器端的。

以下是jQuery的内容：

  

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

和这个插件

  

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

Answer 2

这是flash / actionscript / flex在客户端制作的东西 您也可以在客户端查看HTML5
如果将服务器端脚本添加到流程中并使用ImageMagik

等库，则可以添加更多功能

Answer 3

对于裁剪，此处描述了处理器：

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

你也可以获得轮换的灵感。