在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="brown">Hello, SVG!</text>
</svg>

在这个例子中:

  •  使用 <svg> 元素定义了SVG图形的画布,设置了宽度(width)和高度(height)。

  •  使用 <text> 元素定义了文本,通过 x 和 y 属性设置文本的起始位置,通过 font-family、font-size 和 fill 属性设置字体、字号和颜色。

  •  文本内容为 "Hello, SVG!"。


你可以根据需要调整文本的起始位置、字体、字号和颜色。以下是一个包含调整的例子:
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
  <!-- 调整文本 -->
  <text x="50" y="60" font-family="Verdana" font-size="24" fill="blue">SVG is awesome!</text>
</svg>

在这个例子中,文本的起始位置被调整为 x=50,y=60,字体被设置为 "Verdana",字号为24,颜色为蓝色。你可以根据需要调整这些值。SVG文本是非常灵活的,可以通过调整属性来满足各种设计需求。


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