SVG Transformation Multiple transformations
Example
Transformations can be concatenated and are applied right to left
Rotate a rectangle by 90 degrees and then move it down by 20 units and to the right by 20 units:
<svg xmlns="http://www.w3.org/2000/svg">
<rect x="-10" y="-20" width="20" height="40"
transform="translate(20 20) rotate(90)" />
</svg>
The result is equivalent to
<svg xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="10" width="40" height="20" />
</svg>
