Comment faire fonctionner SVG avec IE?

Question

Quelqu'un connaît-il une bibliothèque complète permettant à SVG de fonctionner avec IE (7 et 8 en particulier)?

Je voulais quelque chose en Javascript qui pourrait être inclus dans ma page Web et convertirait en mode silencieux tous mes fichiers SVG en VML de la même manière que ce que fait excanvas pour Canvas.

Answer 1

La Raphaël — Bibliothèque JavaScript peut vous aider.

Raphaël utilise la recommandation SVG W3C et VML comme base pour la création d’images et prend en charge Firefox 3.0+, Safari 3.0+, Opera 9.5+ et Internet Explorer 6.0+.

EDIT:

Deux autres bibliothèques js utilisent vml pour rendre les svgs dans IE:

• Ample SDK (où il devrait être possible d'intégrer facilement des fichiers svg existants)
• DojoX GFX à partir de la boîte à outils Dojo

Answer 2

le site Web SVG de Google effectue cette opération. Selon le site web du projet:

  

SVG Web est une bibliothèque JavaScript qui   fournit le support SVG sur de nombreux navigateurs,   y compris Internet Explorer, Firefox,   et Safari. Utiliser la bibliothèque plus   support SVG natif, vous pouvez instantanément   cible ~ 95% de l'installation existante   base web.

Bien qu’elle soit décrite comme une bibliothèque JavaScript, elle nécessite également Flash 9+. Ce n’est généralement pas un problème, mais si vous êtes dans un environnement d’entreprise avec de l’ancien Flash ou pas de Flash sur les stations de travail, cela ne fonctionnera pas.

En outre, le problème est toujours lié à Alpha, en fonction de la nature de votre projet.

Answer 3

Je pense que SVGWeb est la voie à suivre, même s'il est basé sur Flash VML est loin d’être assez rapide pour de nombreuses applications.

Answer 4

Adobe fournit des scripts pour détecter, installer et rediriger automatiquement votre site d'origine:

http://support.adobe.com/devsup/devsup .nsf / docs / 51780.htm

http://www.adobe.com/svg/workflow/autoinstall.html

Je l'utilise assez bien sur mon site.

Answer 5

Une solution plus simple consisterait à utiliser quelque chose comme svg_alike (insérer la notification de conflit d'intérêts ici :)). Il vérifie le support SVG, puis, s’il ne le trouve pas, remplace toutes les images SVG par des fichiers PNG.

https://github.com/forwardadvance/svg_alike

Vous perdez les avantages du zoom vectoriel régulier et de la prise en charge de la rétine, mais il est peu probable que les utilisateurs d'IE8 utilisent ces fonctionnalités.

L’avantage est que vous n’avez pas à convertir vos images en JavaScript. Je pense que cela fournit 80% de la valeur pour 5% du travail.