サーチ…
構文
-
<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