English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

SVG<tref>要素

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">
      引用字符数据 (oldtoolbag.com) </text>
  </defs>
  <text x="100" y="100" font-size="45" >
    内联字符数据 (oldtoolbag.com)  </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>
テストして‹/›

実行後の画像効果:

参照キャラクタデータ(oldtoolbag.com)インラインキャラクタデータ(oldtoolbag.com)

注意<text>要素(要素内部<defs>)がid属性を持っていること。このid属性の値は、要素のxlink:href属性から参照される<tref>です。