2012-02-19 17 views
50

Creé la animación en flash y la convertí en HTML5 usando Swiffy.Soporte de SVG para Internet Explorer 8 y por debajo de

Creo que está usando SVG para representar 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!

+1

Esta respuesta aceptada sobre la cuestión [Can visualizar gráficos SVG en Internet Explorer 8] (http://stackoverflow.com/a/6097246/830125) puede ayudarlo. En pocas palabras, su mejor opción es usar las capacidades VML de IE8 y de abajo para renderizar los gráficos. –

Respuesta

64

Mientras que ninguna opción es perfecta, hay algunas opciones:

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

2.) El Marco de JavaScript Raphael permite navegadores gráficos vectoriales - http://raphaeljs.com/

3.) Luego están los proyectos Open Source: http://code.google.com/p/svg2vml/ y http://code.google.com/p/svgweb/

4.) existe la opción de visualización de flash para IE8 y por debajo.

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.

Sobre la base de su razón para la animación - Yo recomendaría 4 o 5.

+6

iría por raphael.js entre otros. – Joseph

+0

Dado que svgweb muestra el SVG en Flash, ¿por qué no recomendarías eso antes de 4? – robertc

+0

porque ya tiene la animación en código de flash. –

1

Hay dos opciones que no le atan a los marcos específicos (Rafael) o soluciones complicadas (svgweb):

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

Si vas número 2 (sí, es una opción de mierda), y quiere mantener las piezas se puede hacer clic e información sobre herramientas, usted tendrá que usar divs invisibles, o etiquetas que se encuentran en HTML en la parte superior de la SVG prestado.

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

La mejor opción probablemente es fomentar diplomáticamente a utilizar un navegador real, pero no siempre es posible para aquellos que viven bajo el gobierno de un departamento de TI no calificada;)

+0

A menos que el # 2 se haya realizado sin conexión (antes de tiempo), no veo que sea realista; él tiene una animación en SVG que implica marcos múltiples que necesitarían ser rasterizados. Eso llevará mucho tiempo. –

+0

del marco del cromo hace que IE SVG supoprt (en el mismo nivel que Webkit soporta SVG): http://code.google.com/intl/de/chrome/chromeframe/ Es un plugin permite instalar y lienzo, SVG , HTML video, etc. Reemplaza el propio motor de renderizado de IE. Los autores pueden agregar una metaetiqueta para forzar la representación en Chrome Frame:

+0

Sí, creo que eso es parte de mi respuesta. –

Cuestiones relacionadas