Scalable Vector Graphics/Hergebruiken van figuren: verschil tussen versies

Verwijderde inhoud Toegevoegde inhoud
Sephiroth (overleg | bijdragen)
Geen bewerkingssamenvatting
Regel 1:
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.
Het is altijd handig als je al reeds gemaakte afbeeldingen kunt hergebruiken. Als je bijvoorbeeld een vijver hebt met allemaal eendjes, kun je een eendje tekenen en dit verschillende malen op de vijver plaatsten. Een afbeelding defigneren kun je binnen de defs-tag. Alles wat je hier binnen maakt word niet weergegeven tot je ze gebruikt aan de hand van de use-tag. Door de locatie en het te gebruiken vorm op te geven weet deze tag wat er moet gebeuren.
 
Tag: defs<br/>
Attributen: geen
 
*Elementen in de ''defs''-sectie worden zelf niet getoond
*''defs''-tags mogen genest worden
 
==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.
 
===Code===
{{Voorbeeld|1=
<span style='font-family: courier new'>
<defs>
<?xml version="1.0" standalone="no"?><br />
<circle r="30" id="schijf" />
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><br />
<br /defs>
 
<svg width="105" height="85" version="1.1" xmlns="http://www.w3.org/2000/svg"><br />
&#160;&#160;&#160;&#160;<use x="35" y="35" xlink:href="#schijf" fill="darkorchid" /><br />
&#160;&#160;&#160;&#160;<defs><br />
&#160;&#160;&#160;&#160;<use x="70" y="50" xlink:href="#schijf" fill="orangered" /><br />
&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<circle r="30" id="schijf" /><br />
}}
&#160;&#160;&#160;&#160;</defs><br />
 
<br />
&#160;&#160;&#160;&#160;<use x="35" y="35" xlink:href="#schijf" fill="darkorchid" /><br />
&#160;&#160;&#160;&#160;<use x="70" y="50" xlink:href="#schijf" fill="orangered" /><br />
</svg>
</span>
===Afbeelding===
[[Afbeelding:Svg-defs.svg]]
 
{{sub}}
Informatie afkomstig van https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.