サーチ…


構文

  • <defs> ... 定義された要素 ... </defs>

パラメーター

パラメータ詳細
デフ defs要素にはパラメータがありません

備考

<defs>要素は、参照によってのみ使用され、直接描画されない要素のコンテナ要素として使用されます。 <defs>ブロック内で宣言される、通常レンダリングされる要素( <rect><circle> )は、そのスタイルにdisplay:none含まれているかのように扱われます。

厳密には必要ではないが、SVG仕様。すべてのグラデーション、フィルタ、パターン、マスク、シンボル、およびマーカー定義をdefsブロック内にdefsすることをお勧めします。

ベーシック

<svg width="400px" height="400px">
<defs>
  <rect id="defrect" fill="blue" fill-opacity=".5" x="50" y="50" width="100" height="100"/>
</defs>

<rect fill="red" x="20" y="20" width="80" height="80"/>
<use xlink:href="#defrect"/>
<use xlink:href="#defrect" x="50" y="60"/>

</svg>

結果

ここに画像の説明を入力



Modified text is an extract of the original Stack Overflow Documentation
ライセンスを受けた CC BY-SA 3.0
所属していない Stack Overflow