在旋转的图像上使用jQuery UI Resizable

时间:2013-01-29 09:16:55

标签: javascript jquery jquery-ui

之前已经提出过这个问题但尚未成功回答。

我正在使用jQuery UI Resizable以便让用户调整图像大小。我想让用户旋转图像然后调整大小,问题是当旋转图像时,Resizable的鼠标坐标也会旋转。

例如,如果我将图像旋转90度,则左右鼠标移动会垂直调整图像而不是水平调整图像。

应该以某种方式修改jQuery UI Resizable以支持旋转。

有人知道如何解决它或者有一个用于调整大小+旋转的插件吗?

1 个答案:

答案 0 :(得分:0)

看看这个fiddle链接,如果您将图像旋转90度,这将帮助您解决问题,左右鼠标移动垂直调整图像而不是水平调整图像。 我添加了这样的图像。

 <div id="resizable"><img src="https://www.google.com/images/srpr/logo3w.png" id="image"/></div>

我希望这会对你有所帮助。