J'essaie de créer dynamiquement des vecteurs SVG avec Javascript et je rencontre des problèmes.Javascript et SVG
Je crée le balisage svg en javascript avec document.createElement
et l'ajoute à un conteneur div. Ensuite, je fais la même chose et créer un rect
et l'ajouter comme un enfant à l'ID de svg.
Quand je regarde les DOM, je peux voir les éléments ajoutés, et leurs propriétés sont telles:
<svg id="gdc_container" xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="300">
<rect id="gdc_background" width="500" height="300" style="rgb(0,0,255)"></rect>
</svg>
Tout semble bien, mais les graphiques ne se présentent pas. Lorsque j'utilise l'inspecteur Chromes, je peux voir les éléments svg et rect, mais l'infobulle chrome indique leur taille comme [0 x 0].
Vous avez des idées?
Avez-vous essayé d'utiliser 'createElementNS'? (https://developer.mozilla.org/en/DOM/document.createElementNS), pour quelques exemples, consultez http://www.kevlindev.com/tutorials/basics/shapes/js_dom/index.htm. – Prusse
Ecrivez cela comme une réponse et vous avez la coche! merci – grep