SVG 多重转换

示例

转换可以串联并从右到左应用

将矩形旋转90度,然后向下移动20个单位,向右移动20个单位:

<svg xmlns="http://www.w3.org/2000/svg">
    <rect x="-10" y="-20" width="20" height="40"
        transform="translate(20 20) rotate(90)" />
</svg>

结果等于

<svg xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="10" width="40" height="20" />
</svg>