Discussion :

[deY!]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[deY!]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

au lieu de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.