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