Scalable Vector Graphics/Hergebruiken van figuren

Uit Wikibooks
Naar navigatie springen Naar zoeken springen

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[bewerken]

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.

Code[bewerken]

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

Afbeelding[bewerken]

Svg-defs.svg

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