可能刷新animateAlong與異質RaphaelJS集

Question

我最近開始玩RaphaelJS。我試圖找到最好的最簡單的方式來製作一個拉斐爾物體的異質組，或者類似的方法。

我已經設置了什麼我想在http://jsfiddle.net/maraujop/Prckt/

事情一個基本的例子是，我想狙擊範圍跟隨目標（藍色圓圈）有人點擊之後。現在，狙擊手的作用範圍會在點擊時到達目標的位置，但不會跟隨。當然我可以用animateAlong這個狙擊瞄準鏡使用和目標相同的路線（這將是一個黑客攻擊，而不是一個通用的解決方案），但是如果目標隨機移動，我需要將狙擊手重新繪製到圓圈移動的位置。

看起來我不能在onAnimation中使用animateAlong（可能太多了？）。所以我猜測要做到這一點的正確方法是將狙擊手變成一個SVG路徑，並使用attr或translate。

有人可以對此有所瞭解嗎？謝謝

Answer 1

我發現解決這個問題的一種方法是創建一組拉斐爾對象並將它們在相同的方向上獨立移動。

第二種方法是使用相對路徑，並更新其路徑以移動它，使用計時器重繪路徑。