tspan
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
在 <text>
元素中,利用内含的tspan
元素,可以调整文本和字体的属性以及当前文本的位置、绝对或相对坐标值。
使用上下文
示例
html
<svg viewBox="0 0 240 40" xmlns="http://www.w3.org/2000/svg">
<style>
text {
font: italic 12px serif;
}
tspan {
font: bold 10px sans-serif;
fill: red;
}
</style>
<text x="10" y="30" class="small">
你
<tspan>不是</tspan>
香蕉!
</text>
</svg>
属性
全局属性
专有属性
DOM 接口
该元素实现了 SVGTSpanElement
接口。
浏览器兼容性
BCD tables only load in the browser