transform属性による座標変換は、他の座標や長さに関する処理よりも前に適用されます。
したがって、他の座標や長さは新しい座標系での値に変換されて処理されます。
例えば、
<rect x="10" y="10" width="200" height="100" transform="scale(2)"/>
のように書けば、x属性、y属性、width属性、height属性(およびstroke-width等の記述されていないその他の属性)の値をtransform属性によって変換した後に矩形を描きます。
<g transform="scale(2)"/>
<rect x="10" y="10" width="200" height="100"/>
</g>
</g>
と同じにように、左上の頂点が(20,20)、幅400、高さ200の矩形が描かれます。
したがって、他の座標や長さは新しい座標系での値に変換されて処理されます。
例えば、
<rect x="10" y="10" width="200" height="100" transform="scale(2)"/>
のように書けば、x属性、y属性、width属性、height属性(およびstroke-width等の記述されていないその他の属性)の値をtransform属性によって変換した後に矩形を描きます。
<g transform="scale(2)"/>
<rect x="10" y="10" width="200" height="100"/>
</g>
</g>
と同じにように、左上の頂点が(20,20)、幅400、高さ200の矩形が描かれます。