Scalable Vector Graphics/Groeperen van elementen

SVG

Inleiding
  1. Groeperen van elementen
  2. Hergebruiken van figuren
  3. Gradiënten en patronen
  4. Stijl
  5. Transformaties
  6. Filters
  7. Animeren
  8. 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 https://nl.wikibooks.org Wikibooks NL.
Wikibooks NL is onderdeel van de wikimediafoundation.