Scalable Vector Graphics/Groeperen van elementen

Uit Wikibooks
Naar navigatie springen Naar zoeken springen

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. Per element kunnen nog afwijkende eigenschappen worden opgegeven. Een voorbeeld:

<g stroke="blue" stroke-width="4" fill="none">
 <circle cx="80" 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 http://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.