Group - Tag (Gruppierung) in SVG per javascript erzeugen ?

[Günther W.]

Moin
analog der Schreibweise von Hand versuche ich mehrere Elemente dynamisch und gruppiert zu erzeugen. Einzelne Elemente funktionieren, eine Gruppierung gelingt so aber nicht. Das Beispiel sieht so aus:

<g id="xxx">
<rect irgendewie ...
<circle irgendeiner ...
</g>
wäre das 'getippt'.

'Dynamisch' aus j-script ergibt sich für Einzelelemente Etwa:

obj=svgdoc.createElement("rect");
obj.setAttribute("x",0);
 .....
svgmeister.appendChild(obj);

//und
obj=svgdoc.createElement("circle");
obj.setAttribute(...
 .....
svgmeister.appendChild(obj);

Jetzt geht es aber offentsichtlich nicht das vorangestellt per:
obj=svgdoc.createElement("g");
obj.setAttribute("id",'xxx');
svgmeister.appendChild(obj);

zu gruppieren.

Wonach müsste ich suchen um die Funktion einer Gruppierung bei dynamisch 'beschriebenen' Elementen erhalten zu können ?

mfG,
Günther

[ThomasM]

Hallo Günther,

Wonach müsste ich suchen um die Funktion einer Gruppierung bei dynamisch 'beschriebenen' Elementen erhalten zu können ?

Erzeuge das g-Elementobjekt und hänge darunter die Kindelemente ein und abschließend das komplette g-Elementobjekt an das übergeordnete Objekt.

Grüße,
Thomas

[Günther W.]

Hallo Thomas,
vielen Dank für den schnellen Tip ! Werde mich da mal draufstürzen.
mfG,
Günther