Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何像';自由变换&x27;在Photoshop中?_Jquery_Jquery Ui - Fatal编程技术网

Jquery 如何像';自由变换&x27;在Photoshop中?

Jquery 如何像';自由变换&x27;在Photoshop中?,jquery,jquery-ui,Jquery,Jquery Ui,我到处都搜索过,但找不到如何使用图像边框或jQuery中的“可调整大小”之类的东西来旋转(度)。我的意思是Photoshop中的“自由变换”边框,它在图像的每个角落都有4个旋转位置。你可以使用IE的DirectX过滤器旋转图像,但我认为这并不能解决你的问题。你可能需要使用闪光灯或Silverlight来完成这项工作 我不知道有哪种JavaScript具有这种能力。这是一个人的实验,但结果不是很好: 这也很酷,并且使用Flash: 可能会有帮助。我不是专家,但看起来IE中只能有90度的增量。我认

我到处都搜索过,但找不到如何使用图像边框或jQuery中的“可调整大小”之类的东西来旋转(度)。我的意思是Photoshop中的“自由变换”边框,它在图像的每个角落都有4个旋转位置。

你可以使用IE的DirectX过滤器旋转图像,但我认为这并不能解决你的问题。你可能需要使用闪光灯或Silverlight来完成这项工作

我不知道有哪种JavaScript具有这种能力。这是一个人的实验,但结果不是很好:

这也很酷,并且使用Flash:


可能会有帮助。我不是专家,但看起来IE中只能有90度的增量。

我认为在javascript中实现这一点的唯一方法是使用canvas元素

尝试使用以下插件:

如果您使用的是Javascript,为什么不让服务器完成工作并通过ajax调用获得结果呢?查看ImageMagick库()。如果最终用户是指定旋转参数的用户,则在javascript中捕获这些输入,将其发送回服务器供ImageMagick(或其他库)处理,并更新在WebKit中工作的图像客户端。

。(我使用了Safari 4。)我很久没有做过任何真正的数学计算了,所以你必须根据拖动的距离计算出正确的旋转角度。此外,开始旋转时,旋转框会稍微偏移。它们可能围绕不同的中心点旋转。

CSS3支持,但目前只有chrome和safari支持使用webkit进行CSS3旋转。在CSS3中有一个很好的循环。如果你想看看它是否在你的浏览器中工作,试试这个。它应该是一个工作时钟

现在troynts看起来是你最好的选择

将来,或者使用safari或chrome,您可以做到这一点

$(this).css('-webkit-transform','rotate(45deg)');

我正在使用raphaeljs(raphaeljs.com)。它可以让你在画布上画画。因此,您可以先添加背景矩形,然后添加图像,最后旋转。从而显示出边界。据我所知,wilq32的旋转是不可能的。

Raphael的免费转换插件:是的,但它不支持IE7/8中的旋转图像。是的,但是有人修改过它作为免费转换吗?