可以使用异构RaphaelJS集刷新animateAlong

Question

我最近开始玩RaphaelJS。我正在尝试找到一种最简单的方法来为异形的Raphael对象制作动画，或者找到类似的东西。

我已经在http://jsfiddle.net/maraujop/Prckt/

设置了一个基本的例子

事情是，我希望狙击范围在有人点击之后跟随目标（蓝色圆圈）。现在狙击范围转到目标点击时的位置，但不跟随。

当然我可以animateAlong狙击范围使用与目标相同的路线（将是一个黑客，而不是通用的解决方案），但想象目标随机移动，我需要重新绘制狙击手到哪里圆圈移动。

看起来我无法在animateAlong中使用onAnimation（可能太多了？）。所以我猜测正确的方法是将狙击手变成一个单一的SVG路径并使用attr或translate。

有人可以对此有所了解吗？感谢

Answer 1

我发现解决这个问题的一种方法是创建一组Raphael对象并将它们以相同的方向独立移动。

第二种方法是使用相对路径，并使用计时器重新绘制路径来更新其路径以移动它。