<text> 元素用于定义文本。
写一段文字:
这是 SVG 代码:
旋转文本:
这是 SVG 代码:
<svg height="60" width="200">
<text x="0" y="15" fill="red" transform="rotate(30 20,40)">I love SVG</text>
</svg>
亲自试一试 »
<text> 元素可以与 <tspan> 元素一起排列在任意数量的子组中。每个 <tspan> 元素可以包含不同的格式和位置。
多行文本(使用 <tspan> 元素):
这是 SVG 代码:
<svg height="90" width="200">
<text x="10" y="20" style="fill:red;">Several lines:
<tspan x="10" y="45">First line.</tspan>
<tspan x="10" y="70">Second line.</tspan>
</text>
</svg>
亲自试一试 »
作为链接的文本(带有 <a> 元素):
这是 SVG 代码:
<svg height="30" width="200" xmlns:xlink="http://www.w3.org/1999/xlink">
<a xlink:href="https://www.91xjr.com/graphics/" target="_blank">
<text x="0" y="15" fill="red">I love SVG!</text>
</a>
</svg>
亲自试一试 »
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!