为什么我的 Animate 一个人就坏了？

【问题标题】：Why is my Animate alone broken?为什么我的 Animate 一个人就坏了？
【发布时间】：2011-09-28 00:16:08
【问题描述】：

使用 Raphael.js，我制作了一个圆和一条路径，我想做的只是让圆单独为路径设置动画，就好像圆的中心沿着这条线移动。

谁能给点建议

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

【问题讨论】：

标签： javascript animation raphael line curve

【解决方案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);
};

查看这篇文章，了解原因：SVG animation along path with Raphael

【讨论】：

啊，谢谢。抱歉，我真的是 javascript 新手。我主要是一名设计师，但我对代码感兴趣。谢谢你，你也帮助我解决了我的许多其他问题。