tref

<text> 的文本内容既可以是直接嵌入在 <text> 元素中的字符数据,也可以是引用元素的字符数据内容,tref 元素用来指定的包含文本内容的引用元素。

使用上下文

类别文本内容元素、文本内容子元素
允许的内容任意数量、任意顺序的下列元素:
描述性元素
<animate><set>

示例

xml
<svg width="100%" height="100%" viewBox="0 0 1000 300"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <text id="ReferencedText">
      Referenced character data
    </text>
  </defs>

  <text x="100" y="100" font-size="45" >
    Inline character data
  </text>

  <text x="100" y="200" font-size="45" fill="red" >
    <tref xlink:href="#ReferencedText"/>
  </text>

  <!-- Show outline of canvas using 'rect' element -->
  <rect x="1" y="1" width="998" height="298"
        fill="none" stroke-width="2" />
</svg>

属性

全局属性

专有属性

DOM 接口

该元素实现了 SVGTRefElement 接口。

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
tref
Deprecated
fill
Deprecated
context-fill value
Deprecated
systemLanguage
Deprecated
xlink:href
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.

参见