Рафаэль, постоянно вращающийся путь - PullRequest
Новая
       19

Рафаэль, постоянно вращающийся путь

1 голос
/ 06 сентября 2011

У меня есть путь в Рафаэле, и я хочу, чтобы он постоянно вращался на какую-то точку

Я написал это: 

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 или как?

Я изменил скрипт и сделал глобальную переменную path, поэтому теперь скрипт (самая простая версия) выглядит так: 

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 вызывается, но после одной анимации больше ничего не происходит

Любые идеи радуют?

...