¿Cómo hacer que SVG funcione con IE?

Question

¿Alguien sabe de una biblioteca completa para hacer que SVG funcione con IE (7 y 8 en particular)?

Quería algo Javascript que pudiera incluirse en mi página web y que silenciosamente convirtiera todo mi SVG a VML de una manera similar a lo que hace Excanvas para Canvas.

Answer 1

La Rapha & # 235; l & # 8212; Biblioteca de JavaScript puede ayudarlo.

Rapha & # 235; l utiliza la Recomendación SVG W3C y VML como base para crear gráficos y es compatible con Firefox 3.0+, Safari 3.0+, Opera 9.5+ e Internet Explorer 6.0+.

EDIT:

Hay dos bibliotecas js más que usan vml para renderizar svgs en IE:

• SDK amplio (donde debería ser posible integrar fácilmente archivos svg existentes)
• DojoX GFX del Dojo Toolkit

Answer 2

La web SVG de Google hace esto. Según el sitio web del proyecto:

  

SVG Web es una biblioteca de JavaScript que   proporciona soporte SVG en muchos navegadores,   incluyendo Internet Explorer, Firefox,   y Safari. Usando la biblioteca plus   soporte SVG nativo que puede instantáneamente   objetivo ~ 95% de los existentes instalados   base web.

Si bien se describe como una biblioteca de JavaScript, también requiere Flash 9+. Esto no suele ser un problema, pero si se encuentra en un entorno corporativo con Flash antiguo o sin Flash en las estaciones de trabajo, no funcionará.

Además, todavía está en Alpha, lo que podría ser un problema, dependiendo de cuál sea su proyecto.

Answer 3

Creo que SVGWeb es el camino a seguir, incluso si se basa en Flash como VML está lejos de ser lo suficientemente rápido para muchas aplicaciones.

Answer 4

Adobe proporciona scripts para detectar, instalar y redirigir automáticamente a su sitio original:

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

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

He estado usando esto con bastante éxito en mi sitio.

Answer 5

Una solución de baja tecnología sería usar algo como svg_alike (inserte la notificación de conflicto de intereses aquí :)). Comprueba el soporte SVG, luego, si no lo encuentra, reemplaza todas las imágenes SVG con PNG.

https://github.com/forwardadvance/svg_alike

Pierde las ventajas del zoom suave de vectores y el soporte de retina, pero de todos modos es poco probable que los usuarios de IE8 utilicen estas funciones.

La ventaja es que no tiene que convertir sus imágenes a JavaScript. Creo que proporciona el 80% del valor para el 5% del trabajo.