Scalable Vector Graphics/Hergebruiken van figuren

SVG

Inleiding
  1. Groeperen van elementen
  2. Hergebruiken van figuren
  3. Gradiënten en patronen
  4. Stijl
  5. Transformaties
  6. Filters
  7. Animeren
  8. Scripten

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

VoorbeeldBewerken

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

CodeBewerken

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

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

AfbeeldingBewerken

 

Informatie afkomstig van http://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.