Question

假设我有一个椭圆e，我想沿路径p进行动画制作。

如果我开始为椭圆设置动画，但后来又决定停止动画，有什么方法可以从当前点重新启动动画？在停止动画后，我无法找到确定椭圆沿路径的当前点的方法。

这是我的动画代码（所有标准）：

e.attr({ rx: 15, ry: 5 }).animateAlong(p, 15000, true, function () {
                    e.attr({ rx: 10, ry: 10 });
                    clicked = false;
                });

Answer 1

如何使用onAnimate定义外部的最后几点？

var lastX = 15, lastY = 5;
e.onAnimation(function() {
    lastX = e.attr('rx');
    lastY = e.attr('ry');
});

e.attr({ rx: lastX, ry: lastY }).animateAlong(p, 15000, true, function () {
    e.attr({ rx: 10, ry: 10 });
    clicked = false;
});

因此，如果您在函数或其他任何内容中多次运行此代码，则椭圆将不会在15,5开始，而是在动画的最后一个点（在它被中断之前）开始。

你的意思是什么？

RaphaelJS - 在制作动画时找到路径中的一个点

1 个答案: