在Snap.svg中操作路徑或重繪它？

Question

對於像這樣的元球動畫： http ：//paperjs.org/examples/meta-balls/我在snap.svg中創建一個連接兩個圓的路徑。 它看起來像這樣：

<path d="M171 370 C207, 335, 493 335, 529 370 C493, 335, 493 264, 529 229 C493, 264, 207 264, 171 229 z"></path>

1. 什么會更好：重繪每個幀上的路徑或操縱它？
2. 我該如何操縱路徑？ （即移動點和控制點）

如果它超過兩個圓圈，我想重新繪制將是要走的路。

Answer 1

只需更新路徑的d屬性即可。

<path id="p" d="M171 370 C207, 335, 493 335, 529 370 C493, 335, 493 264, 529 229 C493, 264, 207 264, 171 229 z"></path>

首先選擇路徑（如果路徑尚未存儲在變量中）：

var path = Snap("#p");

然后更新：

path.attr({
    d: newD
});