为什么只有我的动画坏了

Why is my Animate alone broken?

本文关键字：动画 坏了 我的 为什么      更新时间：2023-09-26

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

如果你创建的圆圈的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动画沿着路径与Raphael

相关文章：