raphael - ラファエロ移動セット

Question

2 つの長方形を使用してセットを作成し、ローソク足を作成します。それからローソク足を100個作ってセットにします。100 個のローソク足をすべて動かそうとすると、すべてが 1 つの座標に移動するか、すべてが正しく移動しますが、すべてのローソク足がローソク足の端に移動します。

ローソク足の内部変換を保持しながら、セット全体を移動するにはどうすればよいですか?

Answer 1

「...Tx,y」および「Tx,y...」の形式をそれぞれ使用して、一連の Raphael オブジェクトに変換を「追加」または「先頭に追加」することができます。あなたの例では、要素ごとに割り当てられた他の変換の前に、ビューボックス内のセットの絶対的な移動が発生するようにするため、先頭に追加する方がおそらくより機能的です。

これまたはそれに似たことができるはずです：

var shift_x = 100, shift_y = 50;
set.attr( { transform: "T" + shift_x + "," + shift_y + "..." } );

残念ながら、その関数の正式なドキュメントに変換の先頭/追加に関する省略形のコメントがあることに気付くでしょう。