Intégrer SVG avec RaphaelJS

Question

Je développe un visualiseur SVG pour une application web. Je dois travailler avec des fichiers SVG existants et traiter avec eux pour afficher des info-bulles, faire des effets avec des événements de souris ...

J'ai cherché une bonne bibliothèque pour cela et RaphaelJS me semble utile et il a la compatibilité IE (même IE8).

Cependant, après plusieurs tentatives, je ne peux pas obtenir l'élément embed avec SVG via Raphael.

N'est-ce pas possible? Si non, comment puis-je le faire?

Mon code où je charger des fichiers SVG est:

<embed wmode="transparent" id="viewer" src="svg/mouseover.svg" pluginspage="http://www.adobe.com/svg/viewer/install/" type="image/svg+xml" width="100%" height="100%"/> 

Merci d'avance.

Answer 1

autant que je sache, raphael n'est pas utilisé pour intégrer svg existant dans les pages Web. au contraire, son but est de vous permettre d'utiliser le javascript pour créer svg dynamiquement

voir http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/

EDIT: un coup d'oeil à https://github.com/wout/raphael-svg-import, bien que

Answer 2

Enfin, je suis arrivé à la solution en utilisant jQuery SVG (http://keith-wood.name/svg.html) au lieu de RaphaelJS (http://raphaeljs.com/).

C'est le code en utilisant ce plugin:

var svgDoc = $(document.getElementById("viewer").getSVGDocument().documentElement); 
$(svgDoc.get(0)).svg(); 
var svg = $(svgDoc).svg('get'); 

De plus, ce code fonctionne pour la majorité des navigateurs (IE8, IE9, Firefox y Chrome).