可能刷新animateAlong与异质RaphaelJS集

Question

我最近开始玩RaphaelJS。我试图找到最好的最简单的方式来制作一个拉斐尔物体的异质组，或者类似的方法。

我已经设置了什么我想在http://jsfiddle.net/maraujop/Prckt/

事情一个基本的例子是，我想狙击范围跟随目标（蓝色圆圈）有人点击之后。现在，狙击手的作用范围会在点击时到达目标的位置，但不会跟随。当然我可以用animateAlong这个狙击瞄准镜使用和目标相同的路线（这将是一个黑客攻击，而不是一个通用的解决方案），但是如果目标随机移动，我需要将狙击手重新绘制到圆圈移动的位置。

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

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

Answer 1

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

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