raphael.js動畫問題：只動畫一個路徑的某些點

Question

我創建了一個粗略的雲生成器here。 雲的每條弧都是從第一個和最後一個固定的隨機生成的。

我想讓雲的形狀慢慢變化，所以我創建了一個動畫，每次調用一個新生成的路徑。

問題是，在舊的和新的路徑之間的插值過程中，有時最後一個點也會移動，而它不應該。

我該怎麼做才能確保第一個和最後一個點不移動？

Answer 1

哇，你的雲動畫看起來非常好。我不太確定拉斐爾動畫函數是如何工作的，但我懷疑拉斐爾如何在具有不同座標數的兩條路徑之間移動的問題。

您可以通過移動最終的z（關閉形狀）並在這些點之間手動繪製一條線（確保此線不是動畫的一部分）來解決問題。另一種可能性是確保在路徑中有相同數量的座標。