Szukaj…


Składnia

  • <defs> ... zdefiniowane elementy ... </defs>

Parametry

Parametr Detale
defs Element defs nie ma parametrów

Uwagi

Element <defs> jest używany jako element kontenera dla elementów, które mają być używane wyłącznie przez odniesienie i nie są renderowane bezpośrednio. Elementy, które normalnie byłyby renderowane (np. <rect> , <circle> ) zadeklarowane w bloku <defs> są traktowane tak, jakby ich styl obejmował display:none .

Chociaż nie jest to absolutnie konieczne, specyfikacja SVG. zaleca umieszczanie wszystkich definicji gradientu, filtra, wzoru, maski, symbolu i znacznika w bloku defs .

Podstawowy przykład

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

Wynik

wprowadź opis zdjęcia tutaj



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow