interaction avec SVG (en natif dans HTML5)
Bonjour à tous,
Je developpe actuellement une webapplication sous Visual Studio, utilisant le html 5 notament pour implanter du SVG nativement dans celui ci(pas besoin de plugin, manipulation DOM du SVG plus aisée...). Je debug actuellement sous Firefox 4 Beta1 qui semble etre le seul navigateur a reconnaitre du SVG intégré en natif dans le html5.
Mon probleme vient de javascript. J'ai fait des methodes pour le clic de souris qui génèrent une ligne entre 2 points de connection pour les relier. Quand j'ai cliqué sur mon premier point de connection je dois avoir une ligne qui demarre du point cliqué (point A) et qui suit ma souris en mouvement jusqu'au point B
En XHTML + Fichier SVG externe appelé en <object> pas de probleme. Mais dans du SVG integré nativement, voici la creation de ma ligne (qui pose probleme) :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
node = document.createElementNS("http://www.w3.org/2000/svg", "line");
node.setAttributeNS("http://www.w3.org/2000/svg", "stroke-width", "5px");
node.setAttributeNS("http://www.w3.org/2000/svg", "stroke", "green");
node.setAttributeNS("http://www.w3.org/2000/svg", "y2", "500px");
node.setAttributeNS("http://www.w3.org/2000/svg", "y1", YPosA + "px");
node.setAttributeNS("http://www.w3.org/2000/svg", "x2", "500px");
node.setAttributeNS("http://www.w3.org/2000/svg", "x1", XPosA + "px");
// node.setAttributeNS("http://www.w3.org/2000/svg", "id", "liaison" + numLiaison);
root = document.getElementById('liaisons');
root.appendChild(node); |
Quand je fais un alert sur l'id "liaisons" je retrouve bien ma ligne <line.....> </line> (en passant ca devrait etre une balise auto fermante, mais comme cela, ca marche aussi)
mais malgré la ligne dans le code svg, rien a l'ecran...:calim2:
J'essaie actuellement d'afficher une ligne via insertion javascript autre que creation de node, mais sans succès non plus...
si une ame charitable a une idée, ou des conseils...
Merci d'avance
