jQuery在旋转元素上可调整大小的问题

Question

我想在一个用77deg旋转的div上调整jQuery UI大小.结果完全无法控制.

要复制这个请:

• 转到http://jqueryui.com/demos/resizable/
• 点击使用Chrome/Mozila控制台进行检查,灰色可调整大小的元素应为id ="resizable".
• 应用-webkit-transform:rotate(77deg)或-moz-transform:rotate(77deg)
• 现在尝试调整该元素的大小

有没有办法来解决这个问题？谢谢

Answer 1

手柄的鼠标移动尚未随元素旋转。

如果您选择右侧手柄（如果您使用 ，则该手柄将靠近底部）rotate(77deg)，向左移动它会缩小元素的宽度（由于旋转，它将看起来与高度类似。）

要调整元素相对于其中心的大小，您很可能必须通过引导鼠标移动来调整宽度/高度来更新调整元素大小的代码。