SVG word-spacing 属性

SVG 是一种使用 XML 形式的、用于描述二维矢量图形的图形格式。它支持各种属性来控制图形的展示效果。而 word-spacing 属性则是 SVG 的一个用于控制文字间距的属性。

语法

word-spacing 属性可以被应用于 SVG 的任何文本元素，包括 <text>, <tspan>, <textPath> 等。它的语法如下：

<text word-spacing="宽度值">文本内容</text>

在文本元素的属性列表中，增加 word-spacing 属性，并设置其值为期望的间距宽度值即可。

取值

word-spacing 可以取以下类型的值：

• <length>: 指定具体的间距宽度，单位为像素（px）或其他长度单位（如 em、in 等）。
• normal: 表示默认间距，不具体指定具体的间距宽度值。
• inherit: 表示从父元素继承该属性的取值。

示例

下面的示例展示了 word-spacing 属性如何影响 SVG 的文本元素：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100">
  <text x="50" y="50" font-size="24" word-spacing="5">SVG word-spacing 属性</text>
  <text x="50" y="80" font-size="24" word-spacing="-3">SVG word-spacing 属性</text>
</svg>

上述示例中，两个 text 元素的 word-spacing 属性分别设置为 5 和 -3，分别表示增加 5 像素和减少 3 像素的文字间距。展示效果如下：

以上就是 SVG word-spacing 属性相关的介绍，希望能对你的 SVG 编程工作有所帮助。