如何沿路径设置Raphael对象的动画？

Question

对象可以是简单的,矩形或圆形.但路径应该是一条贝塞尔曲线.如果没有太多麻烦,请提供javascript/Raphael代码.

如果在动画期间存在移动物体的拖尾效果,那将是很好的.

Answer 1

以防万一你试图用RaphaelJS 2(animateAlong不再存在),在这里你可以看到一个可能的解决方案:http://jsfiddle.net/gyeSf/17/.

这里是最初的讨论:https://groups.google.com/forum/#! searchin/ raphaeljs/ animatealong/ raphaeljs/ W9bA0SkArVY/ KnPRKi8uFrsJ

编辑:还有另一个例子:http://raphaeljs.com/gear.html

Answer 2

看来你不能使用 Rapha\xd1\x91lanimate()方法来做到这一点（因为它线性地改变对象属性）。

\n\n

我建议您实现一个函数，根据 B\xc3\xa9zier 曲线公式，每毫秒左右更改对象位置。使用 Rapha\xd1\x91ltranslate()方法和 JavaScript 计时器。

\n