polyfill español javascript html5 internet-explorer svg cross-browser

javascript - español - polyfill js



Soporte SVG para Internet Explorer 8 y versiones posteriores (2)

Swiffy animación en flash y la convertí en HTML5 usando Swiffy .

Creo que está usando SVG para renderizarlo todo; ¿hay algún JavaScript o truco para hacer que IE8 y sus versiones posteriores lo admitan? Mi animación funciona bien con Internet Explorer 9.

¡Gracias!


Hay dos opciones que no lo vincularán a marcos específicos (raphael) o soluciones complicadas (svgweb):

  1. Chrome Frame: si vas a obtener una extensión, consigue esa
  2. Rasterización del lado del servidor: envíe su SVG de vuelta al servidor, inkscape rasterize a png, envíela de vuelta.

Si vas al número 2 (sí, es una opción horrible), y quieres mantener partes clicables y consejos sobre herramientas, tendrás que usar divs invisibles, o etiquetas que están en HTML encima del svg renderizado.

Puedes reutilizar la información de posicionamiento de svg para posicionar esos divs para evitar sobrecargar esa parte.

La mejor opción es animar diplomáticamente a utilizar un navegador real, pero no siempre es posible para quienes viven bajo la tutela de un departamento de TI no calificado;)


Si bien ninguna opción es perfecta, hay algunas opciones:

1.) Adobe tiene un complemento SVG para IE8 http://www.iegallery.com/en/addons/detail.aspx?id=444

2.) Raphael JavaScript Framework permite gráficos vectoriales cross browser - http://raphaeljs.com/

3.) Luego están los proyectos de código abierto: http://code.google.com/p/svg2vml/ y http://code.google.com/p/svgweb/

4.) Existe la opción de mostrar el flash para IE8 y abajo.

5.) Existe la opción de degradar con gracia para IE8 y abajo y mostrar una imagen estática en lugar de la animación.

Según el motivo de la animación, recomendaría 4 o 5.