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

SVG<symbol>要素

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>要素が参照するために必要です。

reserveAspectRatioとviewBox

<symbol>要素にはprepareAspectRatioとviewBox属性を持つことができます。  <g>にはこれらの属性を持つことができません。 したがって、<defs>要素内で<g>要素を使用するよりも、<symbol>要素は形状の再利用においてもっと良い方法かもしれません。