Naar inhoud springen

Scalable Vector Graphics/Groeperen van elementen

Uit Wikibooks

SVG

Inleiding
Groeperen van elementen
Hergebruiken van figuren
Gradiënten en patronen
Stijl
Transformaties
Filters
Animeren
Scripten

Elementen kunnen gegroepeerd worden, teneinde aan alle elementen binnen de groep overeenkomstige eigenschappen te kunnen toekennen, en/of er transformaties op te kunnen toepassen. De basiscode bestaat in principe uit een openende ("<g>") en een sluitende tag ("</g>"), de elementen worden hier tussen geplaatst.

Aan de groepeer-tag kunnen dezelfde stijleigenschappen worden toegekend als aan elementen; deze worden dan toegepast op alle elementen binnen de groep (voor zover van toepassing). Per element kunnen nog afwijkende eigenschappen worden opgegeven. Een voorbeeld:

<g stroke="blue" stroke-width="4" fill="none">
 <circle cx="100" cy="75" r="50" />
 <circle cx="120" cy="75" r="50" stroke="red" />
</g>

Groepen mogen genest worden, alle niet gespecificeerde eigenschappen worden dan geërfd van de hogere groep.

Informatie afkomstig van Wikibooks NL,
een onderdeel van de Wikimedia Foundation.