Javascript 在rails中调整大小、裁剪、旋转和向图像添加文本

Javascript 在rails中调整大小、裁剪、旋转和向图像添加文本,javascript,jquery,ruby-on-rails,flash,Javascript,Jquery,Ruby On Rails,Flash,我需要在我正在构建的应用程序中加入一项功能,允许用户上传图像并以各种方式操作它,包括添加文本。这基本上是一种设计定制印刷商品的方法,正如许多网站上已经发现的那样,它将覆盖在定制商品的背景图像上,例如T恤衫 基本要求是:根据背景调整大小、裁剪和旋转图像。覆盖并更改文本相对于图像的位置/颜色/样式。在背景中预览最终设计 我知道flash可能是最好的解决方案,但我真的希望避免它,而是使用Jquery。虽然有很多东西可以用javascript调整大小和裁剪图像,但似乎没有任何东西适合我的需要 有人有什么

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

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

我知道flash可能是最好的解决方案,但我真的希望避免它,而是使用Jquery。虽然有很多东西可以用javascript调整大小和裁剪图像,但似乎没有任何东西适合我的需要

有人有什么想法吗

谢谢

汤姆

转换、编辑和合成图像

我说的是ImageMagick

此外,还有一款很棒的
回形针
gem用于处理图像。你可以自己制作处理器来做魔术

这是关于服务器端的

以下是jQuery的一些特点:

这个插件呢

转换、编辑和合成图像

我说的是ImageMagick

此外,还有一款很棒的
回形针
gem用于处理图像。你可以自己制作处理器来做魔术

这是关于服务器端的

以下是jQuery的一些特点:

这个插件呢


这就是flash/actionscript/flex在客户端的用途。
您还可以在客户端查看HTML5。


如果您将服务器端脚本添加到流程中,并使用ImageMagik之类的库,您可以添加更多功能。这就是flash/actionscript/flex在客户端的用途。
您还可以在客户端查看HTML5。


如果将服务器端脚本添加到流程中,并使用ImageMagik之类的库进行裁剪,则可以添加更多功能,处理器如下所述:


您也可以从旋转中获得灵感。

对于裁剪,处理器描述如下:


你也可以从旋转中获得灵感。

谢谢,我目前正在使用RMagick的另一个应用程序中的回形针来调整大小到3种不同的大小,但如果能用javascript找到一个简单的解决方案,那就太好了!我还找到了你链接到的jquery示例,我想添加文本似乎更像是ImageMagick的工作。谢谢,我目前正在另一个应用程序中使用回形针,通过RMagick将大小调整为3种不同的大小,但如果能找到一个简单的javascript解决方案,那就太好了!我还找到了您链接到的jquery示例,我想添加文本更像是ImageMagick的工作。