SVG <tref>元素用于引用由该 <defs> 元素定义的文本。这样,您可以在SVG图像中多次显示相同的文本,而不必多次包含 <text>元素。
示例
这是一个示例:
示例
<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">
引用字符数据 (feishuai.vip) </text>
</defs>
<text x="100" y="100" font-size="45" >
内联字符数据 (feishuai.vip) </text>
<text x="100" y="200" font-size="45" fill="red" >
<tref xlink:href="#ReferencedText"/>
</text>
<!-- 使用“rect”元素显示画布的轮廓 -->
<rect x="1" y="1" width="598" height="198"
fill="none" stroke-width="2" /></svg>
运行后图像效果:
注意<text>元素(在元素内部<defs>)如何具有 id属性。此id属性值是从元素的xlink:href 属性引用的<tref>。