javascript - Animate Only が壊れているのはなぜですか?

Question

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

Answer 1

パスの始点と同じ 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);
};

理由については、この投稿をご覧ください: Raphael のパスに沿った SVG アニメーション