Scalable Vector Graphics/Hergebruiken van figuren

Wanneer een bepaalde figuur meer dan eens in een tekening voorkomt, is het gemakkelijker om deze eenmaal te definiëren in de defs-tag, en deze daarna met een simpele verwijzing in de tekening op te nemen. Hierbij kunnen de individuele eigenschappen van elk element overigens nog aangepast worden.

Tag: defs
Attributen: geen

• Elementen in de defs-sectie worden zelf niet getoond
• defs-tags mogen genest worden

Voorbeeld 1

<defs>
 <circle r="30" id="schijf" />
</defs>

<use x="35" y="35" xlink:href="#schijf" />
<use x="70" y="50" xlink:href="#schijf" fill="orangered" />

Het eerste voorbeeld toont twee elementen van gelijke vorm en afmetingen. Beide zijn afgeleid van de eenmalige definitie. In de use-tag van elk van de elementen wordt dmv. xlink:href verwezen naar de id van de te gebruiken definitie, x en y bepalen de positie, fill bepaalt de kleur.

Voorbeeld 2

test1.1
<symbol overflow="visible" id="test1.1">
<path style="stroke:red; stroke-width:1; stroke-linejoin:round; fill:none; "  d="m 0,10 l 0,20 l 17,10 l 17,-10 l 0,-20 l -17,-10 z" />
<circle style="stroke:red; stroke-width:1; fill:none; "  cx="17" cy="20" r="13" />
<rect x="0" y="0"  width="1" height="1" style="stroke:none; fill:blue " />
</symbol>

test1.2
<symbol overflow="visible" id="test1.2">
  <rect x="0" y="0"  width="75" height="45" style="fill:none " />
  <rect x="1" y="1"  width="1" height="1" style="stroke:none; fill:orange " />
  <use xlink:href="#test1.1" x="2" y="2"/>
</symbol>
</defs>

<rect x="1" y="1"  width="3" height="3" style="stroke:none; fill:lightgreen " />
<g style="fill-opacity:1;">
  <use xlink:href="#test1.1" x="2" y="2" />
  <use xlink:href="#test1.1" x="36" y="2" />
  <use xlink:href="#test1.2" x="2" y="45" style ="stroke:green"/>
</g>

Het bovenste deel van de figuur is de weergave van de regels 3 en 4 van onderen in de code. Het onderste deel wordt gecodeerd door de tweede regel van onderen. Hierin vallen op:

1. Het overnemen van het met id="test1.1" gedefineerde symbol in geeft geen problemen bij opnemen in "test1.2".
2. In "test 1.2" is de kleurcode voor de rechthoek (rect) niet opgegeven. De kleur die in de 2e regel van onder in de code wordt opgegeven wordt niet toegepast op de elementen afkomstig uit test1.1 (waar een kleur voor die elementen is opgegeven) maar wel op de alleen in test1.2 gedefinieerderechthoek waar geen kleur voor is benoemd.

bestand