旋轉文字

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>