Raphael JS - 同步動畫

Question

我遇到了Raphael JS的問題。我要用一張圖來解釋它：

基本上，我希望當紅點移動時，路徑不斷連接到它，它應該隨之移動。 我最初嘗試的是在路徑上使用動畫效果，以及animateWith。沒有解決。

有人能指出我正確的方向嗎？我想用計時器等來創建我自己的動畫，但我想檢查這是不是一個好主意。

此外，在某些點上，所有的點都將移動，它們之間的路徑仍將連接。我不知道如何解決這個問題。

感謝

Answer 1

在這種情況下的竅門是一個）知道你的所有圈子將是給定的時間窗口和b）在相同的時間跨度爲動畫的連接管線的path屬性界。所以，如果你的中心圓是要以動畫（NX，NY）和你的衛星圈是要以動畫（CX，CY），你需要動畫的相應的連接器是這樣的：

cl.animate({ path: [ "M", nx, ny, "L", cx, cy } }, duration, easing_method); 

但是，你必須小心保持持續時間和寬鬆方法相同，否則你會墮落。

顯然有很多可能的狀態管理策略可以使用 - 沒有代碼就很難猜測。但我嘲笑了一個可能的解決方案here。