<tref>

已弃用:此功能不再推荐。虽然一些浏览器可能仍然支持它,但它可能已经从相关网络标准中删除,可能正在被删除,或者可能只是为了兼容性而保留。避免使用它,如果可能,请更新现有代码;请参阅此页面底部的兼容性表格,以指导您的决定。请注意,此功能可能随时停止工作。

用于 <text> SVG 元素的文本内容可以是直接嵌入在 <text> 元素中的字符数据,也可以是引用元素的字符数据内容,其中引用由 <tref> 元素指定。

使用场景

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

属性

DOM 接口

此元素实现 SVGTRefElement 接口。

示例

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>

规范

规范
可缩放矢量图形 (SVG) 1.1 (第二版)
# TRefElement

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅