我有一个问题,我正在使用可调整大小的 jquery ui。当我在 chrome 中旋转元素时,控件也会旋转,但是当我调整带有 handle 的 div 大小时,它们会倒转。我的意思是,如果我使用 sw 控件,它会以奇怪的方式运行,即我向顶部移动并且图像变大,而实际上它应该变小。这是旋转 div 的问题,而不是正常的问题。
这是js fiddle
http://jsfiddle.net/fahadnabbasi/2FLuf/11/
您将看到两张图片,一张旋转后一张正常。正常可以很好地调整大小,而旋转的也可以调整大小,但方向相反。尝试从右下角的控件调整旋转图像的大小,您会发现问题所在。
最佳答案
我认为您需要 jQuery UI 旋转 http://vremenno.net/js/jquery-ui-rotation-using-css-transform/ (这是俄语)。这里直接下载:http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip
这是我编写的实现插件的 fiddle :http://jsfiddle.net/MadLittleMods/4Vfm5/
包含插件后只需添加。您还可以添加一个父 div 并使用 .parent()
将其应用于该 div:
$('.resizable').rotatable();
这是另一个讨论旋转的主题:jquery rotation plugin - that works like jquery ui resize
关于javascript - Jquery ui 旋转图像调整大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10416156/