リスト内の変換は順に適用されます。
例えば、
<g transform="scale(2) translate(20,10)">
</g>
のように書けば、
<g transform="scale(2)">
<g transform="translate(20,10)">
</g>
</g>
と同じ変換を表します。
すなわち、x軸方向に20,y軸方向に10平行移動した後にx軸方向y軸方向ともに2倍に拡大されます。元の座標系での(0,0)は新しい座標系の(40,20)になります。
例えば、
<g transform="scale(2) translate(20,10)">
</g>
のように書けば、
<g transform="scale(2)">
<g transform="translate(20,10)">
</g>
</g>
と同じ変換を表します。
すなわち、x軸方向に20,y軸方向に10平行移動した後にx軸方向y軸方向ともに2倍に拡大されます。元の座標系での(0,0)は新しい座標系の(40,20)になります。