SVG/Element/g

Aus SELFHTML-Wiki
< SVG‎ | Element
Wechseln zu: Navigation, Suche

Das g-Element (group) fasst mehrere Objekte zu einer Gruppe zusammen. Deren Eigenschaften können Sie dann zentral festlegen.

Syntax
Start-Tag: notwendig
End-Tag: notwendig
Elternelemente
Darf vorkommen in:
alle Elemente
erlaubte Inhalte
Animationselemente, Beschreibungselemente
Beispiel
{{{BeispielCode}}}



}}, Container-Elemente, grafische 'Elemente clipPath, cursor, filter, foreignObject, image, linearGradient, radialGradient, script, style, text, view | BeispielCode =
<g id="auto">
	<path id="body" d="M30,50 v-15 h15 l15,-15 h30 l15,15 h15 v15z" />
	<circle id="wheel1" cx="50" cy="50" r="8" />
	<circle id="wheel2" cx="100" cy="50" r="8" />
</g>
| BeispielText = Es werden drei Formen (ein Pfad und zwei Kreise) gruppiert. Die Stilangaben für Füllung, Randfarbe und -dicke werden zentral im g-Element festgelegt und an die Kindelemente vererbt.
| Weblinks = * W3C: The g Element
| Siehe_auch = * SVG/Tutorials/Gruppierungen  
| Tipp = 
|attribute=

|- |class ||CDATA||||ordnet ein Element einer oder mehreren Klassen zu. |- | style ||CDATA|||| |- | transform ||CDATA|||| }}