English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
SVG <symbol>要素は、再利用可能なシンボルを定義するために使用されます。<use>要素に参照されない限り、<symbol>内に埋め込まれた形状は表示されません。
symbol要素は、图形テンプレートオブジェクトを定義し、それを<use>要素で例示できます。symbol要素は、同一ドキュメント内で複数回使用して、構造と意味を追加します。構造豊富なドキュメントは、スピーチ原稿や点字のように生き生きとした表示が可能になり、アクセス性が向上します。ただし、symbol要素自体は表示されません。symbolを参照する<use>要素(つまり、symbolを引用したもの)のみが表示されます。
これはシンプルなシンボルsymbolの例です:
<svg width="500" height="100"> <symbol id="shape2"> <circle cx="25" cy="25" r="25" /> </symbol> <use xlink:href="#shape2" x="50" y="25" /> </svg>テストを見て‹/›
<symbol>要素にはidが必要で、<use>要素が参照するために必要です。
<symbol>要素にはprepareAspectRatioとviewBox属性を持つことができます。 <g>にはこれらの属性を持つことができません。 したがって、<defs>要素内で<g>要素を使用するよりも、<symbol>要素は形状の再利用においてもっと良い方法かもしれません。