Scalable Vector Graphics/Hergebruiken van figuren

Uit Wikibooks

Ga naar: navigatie, zoek

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

[bewerken] Voorbeeld

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.

[bewerken] Code

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

[bewerken] Afbeelding

Svg-defs.svg

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