svg - 同じパスを異なるサイズ/座標で複数回配置する方法は?

Question

Illustrator で作成し、SVG として保存したパスがあります。

今、私はそれをプログラムで大きなキャンバスにさまざまなサイズと座標に配置したいと考えています。

この画像があるとします：

_{(ソース: omgtldr.com )}

次のように、同じ画像を 1 つの SVG ファイル内の異なる場所とサイズで再現するにはどうすればよいですか。

_{(ソース: omgtldr.com )}

たとえば、座標 x、y で 20% 縮小されたバージョンがあります。もう 1 つは座標 a、b などで 30% 拡大されます。

私はプログラミングの部分は問題ないと思ってください。XML ファイルの操作には慣れています。それは私が理解していないSVG部分です。

Answer 1

transform属性が必要です。translateでパスを移動し、 scaleでサイズを変更できます。

Answer 2

<use>各インスタンスのパスをコピーするよりも、(変換された) 要素を使用することをお勧めします。