tspan

这篇文章需要技术复核。如何帮忙。

这篇文章需要文法复核。如何帮忙。

<text>元素中,利用内含的tspan元素,可以调整文本和字体的属性以及当前文本的位置、绝对或相对坐标值。

用法

类别文本内容元素, 文本内容子元素
允许的内容物字符数据以及任意数量、任意排序的下列元素:
描述性元素
<a>, <altGlyph>, <animate>, <animateColor>, <set>, <tref>, <tspan>

示例

源代码
<?xml version="1.0"?>
<svg width="250" height="40" viewBox="0 0 250 40"
     xmlns="http://www.w3.org/2000/svg" version="1.1">

	<style>
<![CDATA[
text{
    font: 20px Verdana, Helvetica, Arial, sans-serif;
}

tspan{
	fill: red;
	font-weight: bold
}
]]>
	</style>

    <text x="15" y="30">You are 
    	<tspan>not</tspan> 
    	a banana
    </text>
</svg>
输出结果

» tspan.svg

属性

全局属性

专有属性

DOM 接口

该元素实现了SVGTSpanElement接口。

浏览器兼容性

Feature Chrome Firefox (Gecko) IE Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 9.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) 未实现 (Yes) 3.0.4

该表格基于这些资源

[1] 多种外观属性不起作用。rotate属性在Gecko2.0中实现。(Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1).

参见

文档标签和贡献者

 此页面的贡献者: Sebastianz, fanxiaojie, teoli, flyonok
 最后编辑者: Sebastianz,