Raphael JS paper.set и множественный доступ - PullRequest
Новая
       3

Raphael JS paper.set и множественный доступ

0 голосов
/ 13 марта 2012

Я пытаюсь создать набор объектов Raphael и анимировать их при щелчке окна (например).

Так что это работает: http://jsfiddle.net/6YdrG/2/

$(function() {
    (function () {

    var R = Raphael($('#svg')[0]);
    var i, circles = circlenumber = R.set();
    var v = [{offset: 0, circleVal: '+ 29 %'}, {offset: 120, circleVal: '+ 90 %'}, {offset: 240, circleVal: '+ 107 %'}, {offset: 360, circleVal: '+ 20 %'}];

    for (i = 0; i <= 3; i++) {
        circles[i] = R.circle(29+v[i].offset, 29, 10).attr({fill: '#000', stroke: 'none'});
        //circlenumber[i] = R.text(29+v[i].offset, 29, v[i].circleVal).attr({font: '12px JauresSemibold, serif', fill: '#fff'});
    };

    $(window).click(function() {
        console.log('click');
        for (i = 0; i <= 3; i++) {
            circles[i].animate(Raphael.animation({r: 28}, 800, 'easeInOut').delay(100*(i)));
        };
    });

    })();
});

Но если выудалите "//", чтобы добавить элементы circlenumber [i], это больше не работает…

Идеи?Спасибо!

1 Ответ

0 голосов
/ 13 марта 2012

Я думаю, что ваша проблема в том, как вы определяете i

Проверьте это http://jsfiddle.net/6YdrG/5/

Вы i инициализированы как R.Set().

...