用鼠标拖动旋转方块

时间:2012-01-27 20:55:02

标签: javascript jquery mouse rotation drag

我正在尝试做这样的事情,但我需要一些修改,我不知道该怎么办..

示例:http://demo.superdit.com/jquery_image_rotate/

但在那个例子中,我遇到了一些问题。 旋转360º后看起来很疯狂......可能是代码的数学...... 我需要旋转我点击的图像,而不仅仅是中心......但是我点击并拖动图像的任何位置,它都会在轴上旋转。

有人知道如何修改该代码吗? 谢谢!

ps:抱歉我的英文

2 个答案:

答案 0 :(得分:0)

您可以使用Raphaël,它支持绘图,拖动和旋转图像等内容。

绘制和拖动图像的简单示例: http://jsfiddle.net/8j8HP/1/

旋转图像的简单示例,其中旋转中心不是图像的中心:http://jsfiddle.net/wXctQ/

现在你只需要计算从鼠标位置到旋转中心的角度。

答案 1 :(得分:-1)

尝试使用propeller.js它是一个通过鼠标或触摸https://github.com/PixelsCommander/Propeller来旋转HTML元素的库