SVG中的傾斜文本

Question

在SVG中，可以將文本傾斜到指定角度嗎？這當然不同於旋轉或放置路徑等。我想要做的事情之一是使用嵌入文本的平行四邊形，文本傾斜至平行四邊形的角度。 謝謝。

Answer 1

是的。您需要使用transform屬性。

<?xml version="1.0" standalone="no"?> 
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="100"> 

    <text font-size="50" transform="translate(20,50) skewX(20)">Skewed text</text> 

</svg> 

注意，變換適用於文本位置（x和y屬性）爲好。這就是爲什麼我用翻譯來設置文本位置。