Zeichnen mit SVG

[Gunnar Bittersmann]

@@coder1979

OK, das bedeutet quasi, ich kann das ohne Probleme auch so lassen und der Code läuft auch in 10 Jahren noch.

Ja.

Dann brauch ich auch nichts auf Inline-HTML umschreiben sondern halt die Füße still.

Na, bei unveränderlichen Teilen ist es unsinnig, sie per JavaScript ins DOM zu setzten. Die sollten gleich im Markup stehen.

Wo wir beim JavaScript sind:

    var circle = document.createElementNS(svgns, 'circle');

Bei Elementen brauchst du createElementNS() mit NS und Angabe des SVG-Namensraums.

    circle.setAttributeNS(null, 'cx', 21);
    circle.setAttributeNS(null, 'cy', 21);
    circle.setAttributeNS(null, 'r', 15.91549430918954);
    circle.setAttributeNS(null, 'style', 'fill: #f00;');

Bei Attributen nicht. Da kannst du setAttribute() ohne NS verwenden. Siehe das bereits angegebene Beispiel.

🖖 Живіть довго і процвітайте