Thomas Meinike: SVG Elemente mit JavaScript hinzufügen

Beitrag lesen

Hallo,

<image x="10" y="10" height="100" width="50" xlink:href="bild.gif"/>

das Bild eingebunden werden. Die Path Variable wurde mit den Funktionen createElement() und dann mit setAttribute() erzeugt. Für das <image> Element funktioniert diese Variante leider nicht. Wieso? Und gibt es eine ander Möglichkeit? Wenn ja, welche?

Da das xlink:href-Attribut nicht aus dem Standard-SVG-Namensraum stammt, ist hier die Methode setAttributeNS() noetig und zwar in dieser Form:

object.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","neuesbild.gif");

Siehe auch dieses Beispiel.

MfG, Thomas