Snap.svgのパスを操作するか、再描画しますか？

Question

このようなメタボールアニメーションの場合：http://paperjs.org/examples/meta-balls/私は2つの円をつなぐ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. パスをどのように操作できますか？ （つまり、ポイントとコントロールポイントを移動する）

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 
});