<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