English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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>テストして‹/›
実行後の画像効果:
注意<text>要素(要素内部<defs>)がid属性を持っていること。このid属性の値は、要素のxlink:href属性から参照される<tref>です。