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属性）。这就是我使用翻译来设置文本位置的原因。