Structure d'un document SVG : Regroupement d'éléments

• La balise <g> regroupe et nomme des éléments qui se partagent des attributs

communs : couleur, style, ...
• Exemple :
• <g style="fill:red" id="Grands rectangles rouges">

<rect x="100" y="100" width="200" height="200 />
<rect x="300" y="400" width="100" height="100 />
</g>
<g style="fill:blue" id="Petits rectangles bleus">
<rect x="10" y="10" width="20" height="20 />
<rect x="30" y="40" width="10" height="10 />
</g>
• On peut imbriquer autant de structures <g> que l'on veut :
• Les objets isolés ( ne figurant pas dans une structure <g> ) sont considérés

comme figurant dans leur propre groupe ( leurs attributs ne sont pas propagés )

Didier Courtaud Le langage SVG 25 Janvier 2000

10 / 74