用javascript旋转图像或div？

Question

我正在开发一个Web应用程序,它需要允许用户拖放以及旋转图像.

使用jQuery UI Draggable解决拖放问题.

但是我怎么想在页面上旋转图像呢？我的图像大多是一个彩色矩形.我用divs在页面上绘制但是如何旋转它们？

如果它们只旋转22,5-45-67,5-90度就可以了

所以我想到了3个解决方案

1. 使用Canvas

   问题:IE支持

2. 用divs

   问题:它还需要画布旋转

3. PHP GD

   这个解决方案是唯一的希望.

   它是如何工作的:该应用程序将预渲染(22,5*x)旋转版本的原始图像.因此,只要用户想要旋转图像,它们就会准备就绪.

请帮忙.任何建议赞赏

Answer 1

一种可能的解决方案是使用JavaScript图形矢量库,当在IE上使用时,该库可以自动使用画布的替代.

拉斐尔是一个非常好的,尝试一下:

• http://raphaeljs.com/

您可以在此处找到有关使用raphael旋转的更多信息:

• 如何用Raphael.js旋转div？