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);

}

因此，当页面加载时，我正在创建raphael路径和圆形，而不是将其传递给方法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);
}

所以现在萤火虫现在出现了错误，但路径旋转360度并停止。

即使是setTimeout正在调用，但在一个动画之后不再发生任何事情

任何想法请求？

拉斐尔，不断旋转的道路

0 个答案: