[DOM] Creation image avec DOM

Bonjour,

Je n'arrive pas à intégrer dynamiquement une image.

Code:

---

1 2 3 4 5 6 7

var setimg = svgdoc.createElementNS(SVG_NS, "image"); setimg.setAttributeNS(null, "width", 150); setimg.setAttributeNS(null, "height", 150); setimg.setAttributeNS(null, "preserveAspectRation", "xMinYMin meet"); setimg.setAttributeNS(null, "xlink:href", "/upload/pictos/nord.svg"); svgdoc.getElementById('files_tools').appendChild(setimg);

---

ne fonctionne pas, alors que

Code:

---

1 2 3 4 5 6 7

var setimg = svgdoc.createElementNS(SVG_NS, "rect"); setimg.setAttributeNS(null, "width", 150); setimg.setAttributeNS(null, "height", 150); setimg.setAttributeNS(null, "preserveAspectRation", "xMinYMin meet"); setimg.setAttributeNS(null, "xlink:href", "/upload/pictos/nord.svg"); svgdoc.getElementById('files_tools').appendChild(setimg);

---

oui

Pourquoi donc ?

J'ai eu trouvé une reponse à mon soucis, il faut redéfnir le namespace pour le lien de l'image.

Code:

---

setimg.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "/upload/pictos/nord.svg");

---

au lieu de

Code:

---

setimg.setAttributeNS(null, "xlink:href", "/upload/pictos/nord.svg");

---

Sans oublier qu'il n'est pas possible pour FF ou Inkscape de récuperer un fichier SVG avec la balise image. Ca ne fonctionne qu'avec ASV.


Si ça peut aider.