这篇文章需要技术复核。如何帮忙。
这篇文章需要文法复核。如何帮忙。
在 <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>
|
|---|---|
| 输出结果 |
属性
全局属性
专有属性
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).