[Raphaël] SVG et VML ne font pas bon ménage

[Benjamin Delespierre]

Bonjour à tous.

J'utilise actuellement la librairie Raphaël astucieusement couplée avec jQuery qui forment un cocktail graphique détonnant. J'avais une bonne raison de vouloir du SVG en lieu et place du Flash: j'ai besoin d'obtenir le canvas coté serveur pour conserver des fichiers .svg (destinés In Fine à Illustrator et Inkscape). Problème: Internet Explorer à sa propre idée de l'affichage vectoriel et n'implémente pas SVG mais VML.

Qu'a cela ne tienne, je me suis procuré la dernière version de VectorConverter, un ensemble de XSL capable de transformer le VML en SVG (et vice-versa). L'inconvénient est qu'elle n'a pas l'air de reconnaitre totalement le formalisme des nœuds produits par Raphaël - en fait elle ne reconnais pas les attributs fill et stroke mais uniquement les noeuds apparenté.

En dernier recours et à cours de solution, je me tourne vers vous. Avez-vous déjà rencontré / solutionné ce problème ? Quelle solution alternative utiliseriez-vous ?

Voici les résultats de mes errances, merci Google:
- http://stackoverflow.com/questions/5...sing-xslt-in-c
- http://vitali.web.cs.unibo.it/view/P...rConverter#VML

[froger4]

Bonjour Benjamin,

Désolé de déterrer un vieux topic mais pour moi, il est tout à faire d'actualité car j'ai exactement le problème que tu décrit... J'utilise RaphaelJS pour générer du code svg et j'ai un script php (export.php) qui exporte ce code dans un fichier .svg.

Sous firefox, aucune problème, le fichier et des la forme

Code html :

<svg height="1090" width="700" version="1.1" xmlns="http://www.w3.org/2000/svg"><image xmlns:xlink="http://www.w3.org/1999/xlink"  xlink:href=" etc...

et peut être affiché aussi bien dans Firefox que dans Internet Explorer (v8 avec adobeSVGReader d'installé).

Mais quand le script export.php est appelé depuis Internet Explorer, il est alors de la forme

Code html :

<DIV style="DISPLAY: inline-block; LEFT: 0px; OVERFLOW: hidden; WIDTH: 700px; CLIP: rect(0px 700px 1090px 0px); POSITION: relative; TOP: 0px; HEIGHT: 1090px"><?xml:namespace prefix = rvml ns = "urn:schemas-microsoft-com:vml" /><rvml:group class=rvml style="LEFT: -150px; WIDTH: 1000px; POSITION: absolute; TOP: 15px; HEIGHT: 1000px" coordsize = "1000,1000"> etc...

Et là, c'est la cata, le fichier ne peut être affiché ni sous firefox, ni sous internet explorer et ce même en le renommant en .vml

Je crois que j'ai le même problème que toi... As tu trouvé la solution?

Tu me rendrais un énorme service si tu pouvais me dire comment faire parce que mine de rien, ça fait déjà deux jours que je suis sur ce problème...


En te remerciant par avance!!

[Benjamin Delespierre]

Je n'ai pas résolu définitivement le problème malheureusement.

Deux pistes restent cependant à explorer:
- Recrééer manuellement l'arbre SVG à partir du RVML
- Appliquer un XSLT pour faire cette transformation (en utilisant les XSLT de VectorConverter: http://sourceforge.net/projects/vectorconverter/) mais j'ai constaté que certaines informations non standard crées par Raphaël n'étaient pas prises en compte (notamment la couleur du texte de mémoire).

Dans les deux cas, il s'agit de XML donc c'est parfaitement manipulable par PHP (avec SimpleXML ou DOMDocument).