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

【问题标题】：Jquery ui rotated image resize issueJquery ui旋转图像调整大小问题
【发布时间】：2012-05-12 01:40:03
【问题描述】：

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

这里是 js 小提琴

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

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

【问题讨论】：

标签： javascript jquery-ui resize rotation

【解决方案1】：

我认为您需要 jQuery UI Rotation 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 rotation plugin - that works like jquery ui resize

【讨论】：

虽然理论上可以回答这个问题，但我们希望您在回答中包含链接文章的基本部分，并提供link for reference。如果不这样做，答案就会面临链接失效的风险。