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