Suche…


Syntax

  • <defs> ... definierte Elemente ... </defs>

Parameter

Parameter Einzelheiten
defs Das Element defs hat keine Parameter

Bemerkungen

Das <defs> -Element wird als Containerelement für Elemente verwendet, die ausschließlich als Referenz verwendet und nicht direkt gerendert werden sollen. Elemente, die normalerweise gerendert würden (z. B. <rect> , <circle> ), werden innerhalb eines <defs> -Blocks deklariert und werden so behandelt, als würden sie ihren Stil enthalten display:none .

Obwohl es nicht unbedingt erforderlich ist, muss die SVG-Spezifikation. empfiehlt, alle Definitionen von Gradienten, Filtern, Mustern, Masken, Symbolen und Markierungen in einem defs Block zu platzieren.

Basic Beispiel

<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>

Ergebnis

Geben Sie hier die Bildbeschreibung ein



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow