SVG 旋转文本

2024-04-14 03:25:03 403

示例

rotate属性将每个字符旋转指定角度。

<svg xmlns="http://www.w3.org/2000/svg">
    <text x="10" y="20" rotate="30">Each character is rotated</text>
</svg>

要旋转整个文本元素，必须使用transform属性。

<svg xmlns="http://www.w3.org/2000/svg">
    <text transform="translate(10, 60) rotate(30)">The whole text is rotated</text>
</svg>