在SVG中创建文本使用 <text> 元素。以下是一个简单的SVG文本的例子:
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <text x="20" y="40" font-family="Arial" font-size="20" fill="blue">SVG Text Example</text>
</svg>

在这个例子中:

  •  <text> 元素用于创建文本。

  •  x 和 y 属性定义了文本的基线起始点坐标。

  •  font-family 属性定义了文本的字体。

  •  font-size 属性定义了文本的字体大小。

  •  fill 属性定义了文本的颜色。


在这个例子中,文本的基线起始点位于 (20, 40) 的位置,字体为 Arial,字体大小为 20,颜色为蓝色。

你可以根据需要调整这些属性以及添加其他属性,以满足你的具体设计要求。 SVG 的 <text> 元素还支持其他属性,例如 text-anchor 可以用于定义文本的对齐方式。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12385/SVG