使用Javascript旋转图像

首先，我目前正在使用JQuery，因此JQuery解决方案可行。

我想以每秒计算的动态X度旋转图像。

现在我使用这个JqueryRotate插件完美地工作了

图像每秒都完美旋转。但我现在正在尝试一些更复杂的事情。

我想在彼此之上旋转4个透明图像。目前我有四个标签都正确对齐，看起来很漂亮^ _ ^但是使用前面提到的JqueryRotate插件会强制重新绘制图像以使其旋转失去透明度，因此只显示最顶层的图像不会起作用。

那么，什么是一个好的库/插件或旋转图像的方式，同时保持透明度？*

必须适用于Opera，Safari，Chrome，Firefox和IE8 +

我希望不必为此包含另一个库，但如果需要，我将这样做以创建旋转4个图像的效果。提前致谢。

你可以看看使用Canvas。 IE 8没有本机支持，但有一个插件： http ： //ajaxian.com/archives/explorer-canvas-updated-for-ie-8-and-more 。

如果您愿意接受插件要求，Canvas应该让您的工作变得轻松。

Raphael是一个很棒的库，适用于IE（使用VML）和其他浏览器（使用SVG）。它可以旋转图像并处理透明度。

我不知道有任何其他方式来处理IE。 CSS解决方案非常简单，但它们在IE中不起作用。

另一种选择是使用CSS精灵模拟图像旋转 （ 该示例执行模拟的3d rotatoin，但2d同样简单 ）。

那么它甚至可以使用jQueryRotate插件，你问过作者（我）这个吗？：PI不经常读取stackoverflow来回答那种请求:)

你最好的机会是使用canvas并使用IE canvas hack。

IE的CSS旋转，就像IE的大多数其他黑客一样，使用filter属性，这几乎肯定会干扰用于透明图像的filter黑客和用于改变不透明度的filter黑客。

另一方面，canvas hack使用本机VML，它可以处理您需要的所有内容。

我不知道它是多么高效，所以你的里程可能会有所不同。