<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