拉斐尔，不断旋转的路径

Question

我在拉斐尔中有一条路径，我希望它不断旋转某个点，

我写了这样的：

window.onload = function(){

var paper = Raphael(10, 150, 320, 200);
var path = paper.path('M50 40 L50 90');
var circle = paper.circle(50, 40, 10);
circle.attr('fill', 'green');

drawWheel(path, circle);
}

function drawWheel(path, circle){

path.animate({rotation: '360 50 90'}, 10000);
circle.animate({rotation: '360 50 90'}, 10000)
timeout = setTimeout("drawWheel(path, circle);", 10000);

}

因此，当加载页面时，我正在创建拉斐尔路径和圆圈，然后将其传递给方法drawWheel，该方法对这些对象进行动画处理

我想在 10 秒后再次调用它，以便用户会看到不断旋转的对象，

首先一切都很好，直到调用 setTimeout

比我在 firebug 中收到错误“路径未定义”

我在调用setTimeout 错误还是什么？

---

我修改了脚本并创建了路径全局变量，所以现在脚本（最简单的版本）看起来像这样：

window.onload = function(){

    var paper = Raphael(10, 150, 320, 200);
    path = paper.path('M50 40 L50 90');
    drawWheel(path, circle);
}

function drawWheel(path){

    path.animate({rotation: '360 50 90'}, 10000);
    timeout = setTimeout("drawWheel(path);", 10000);
}

所以现在 firebug 中出现了错误，但是路径正在旋转 360 度并停止。

即使 setTimeout 正在调用，但在一个动画之后什么也没有发生

有什么想法吗？