我如何设置这个旋转的动画？

Question

This库可以旋转图像。

http://jsfiddle.net/PjDnu/

在上面的示例中，它确实旋转，但我想为它设置动画。 我使用setInterval（），但它不起作用：

window.onload = function(){
var elem = document.getElementById("im");
setInterval(function (){Rotate(elem, Math.PI/6)}, 1000/30);

}

有机会动画吗？使用这个库的正确方法是什么？

Answer 1

小提琴：http://jsfiddle.net/PjDnu/10/

执行<img>后Rotate元素不存在。我调整了代码，以便图像保持旋转。为此，我做了以下修改：

• 在原始图像之后创建一个容器元素 - 必须保留原始图像以动态计算新图像。
• 在间隔范围内添加了一个计数器（以跟踪当前/下一个角度）
• 在Rotate添加了第三个参数（位于第二个位置）：这应该是容器元素，具有唯一ID。

Answer 2

为什么要使用JS？ 这将使用CSS3（更好） - http://jsfiddle.net/hUUYN/ 基本的想法是你将类'spin2'添加到你想要旋转的每个图像......