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

问题描述:

我有一个问题,我正在使用jQuery UI可调整大小。当我在chrome中旋转元素时,控件也会旋转,但是当我用手柄调整div的大小时,它们是倒置的。我的意思是,如果我使用sw控制,它会以奇怪的方式进行操作,即我向顶端移动,图像变大,而实际上它应该变小。这是旋转的div只是不正常的问题。jquery ui旋转图像调整大小问题

这里是JS小提琴

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

下面是我做了一个实现插件小提琴:http://jsfiddle.net/MadLittleMods/4Vfm5/

包括插件,只需添加后。您还可以添加一个父DIV,并将其应用到与.parent()

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

这是另一个话题,谈论旋转:jquery rotation plugin - that works like jquery ui resize

+0

虽然这在理论上可以回答这个问题,我们希望你能包括链接文章的主要部分在您的答案中,并提供[链接供参考](http://meta.stackexchange.com/q/8259)。如果做不到这一点,答案就会受到链接腐败的威胁。 – Kev