Почему мой одушевленный один сломан? - PullRequest
Новая
       33

Почему мой одушевленный один сломан?

0 голосов
/ 28 сентября 2011

Используя Raphael.js, я создал круг и путь, и все, что я хотел сделать, - это оживить круг в одиночку, как если бы центр круга проходил вдоль линии.

http://jsfiddle.net/rEJNJ/3/

Может кто-нибудь дать совет 

window.onload = function () {
            var paper = Raphael("canvas", 640, 480);
            var c = paper.circle(90, 90, 40);
                c.attr({fill: "blue"});
            var p = paper.path("M150,380 C150,360 50,250 220,90").attr({stroke: "#ff0000"});

            c.animateAlong(p, 4000, true);
        };

1 Ответ

0 голосов
/ 28 сентября 2011

Анимация работает, если вы создаете свой круг с теми же координатами X / Y, что и в начале пути:

http://jsfiddle.net/rEJNJ/4/

window.onload = function () {
    var paper = Raphael("canvas", 640, 480);
    var c = paper.circle(150, 380, 40).attr({fill: "blue"});
    var p = paper.path("M150,380 C150,360 50,250 220,90").attr({stroke: "#ff0000"});
    c.animateAlong(p, 4000, true);
};

Взгляните на этот пост, чтобы понять почему: SVG-анимация по пути с Рафаэлем

...