SVG 多重转换

2024-04-15 02:26:05 341

示例

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

将矩形旋转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>