調整大小，裁剪，旋轉和向軌道中的圖像添加文本

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

這是哪門子事閃光/動作的/ flex是在客戶端進行的。
您也可以考慮客戶端的HTML5。

如果添加服務器端腳本到程序和使用圖書館像ImageMagik

Answer 3

進行裁剪，您可以添加更多的功能，該處理器被描述如下：

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

你可以得到的啓示也用於旋轉。