Jquery ui 旋转图像调整大小问题

Question

我有一个问题，我正在使用可调整大小的 jquery ui。当我在 chrome 中旋转元素时，控件也会旋转，但是当我用手柄调整 div 的大小时，它们会反转。我的意思是，如果我使用 sw 控件，它会以奇怪的方式运行，即我移向顶部并且图像变大，而实际上它应该变小。这是旋转 div 的问题，而不是普通 div。

这是js小提琴

http://jsfiddle.net/fahadnabbasi/2FLuf/11/

您将看到两张图像，一张旋转，一张正常。正常适用于调整大小，同时旋转一个调整大小，但在相反的方向。尝试从右下角控件调整旋转图像的大小，您将看到问题。

Answer 1

我认为你需要 jQuery UI 旋转http://vremenno.net/js/jquery-ui-rotation-using-css-transform/（它是俄语）。这里是直接下载：http ://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

这是我编写的一个实现该插件的小提琴：http ://jsfiddle.net/MadLittleMods/4Vfm5/

包含插件后只需添加即可。您还可以添加父 div 并将其应用到.parent()：

$('.resizable').rotatable();

这是谈论旋转的另一个主题：jquery 旋转插件 - 其工作方式类似于 jquery ui resize