¿Cómo puedo usar el elemento canvas de HTML5 en IE?

Intento usar el elemento Canvas de HTML5 para dibujar algunos arcos y círculos; esto funciona perfectamente en FF, pero IE8 no parece ser compatible.

Ahora, existen bibliotecas de Javascript que parecen hacer que IE8 funcione bien con Canvas. Un ejemplo se puede encontrar aquí .

He leído toda su fuente pero no puedo entender cómo hacen que Canvas funcione con IE8. ¿Puede alguien arrojar algo de luz sobre el método utilizado?

La página está utilizando excanvas , una biblioteca JS que simula el elemento canvas utilizando el renderizador VML de IE.

Tenga en cuenta que en Internet Explorer 9, ¡ la etiqueta canvas es compatible de forma nativa ! Consulte los documentos de MSDN para obtener detalles …

Puedes probar fxCanvas: https://code.google.com/p/fxcanvas/

Implementa casi todos Canvas API dentro de flash shim.

Puede usar el complemento Chrome Frame recientemente lanzado para IE, pero requiere que el sitio web HTML 5 incluya la metaetiqueta especial que habilita el complemento.

http://code.google.com/chrome/chromeframe/

Chrome Frame parece usar Explore Canvas (excanvas.js).

Actualmente, ExplorerCanvas es la única opción para emular el canvas HTML5 para IE6, 7 y 8. También tiene razón sobre su rendimiento, que es bastante pobre.

Encontré un simulador de partículas que compara la diferencia entre el manejo verdadero de canvas HTML5 en Google Chrome, Safari y Firefox, frente a ExplorerCanvas en IE. Los resultados muestran que los principales navegadores compatibles con la etiqueta canvas se ejecutan entre 20 y 30 veces más rápido que el HTML5 emulado en IE con ExplorerCanvas.

Dudo que alguien haga el esfuerzo de crear una alternativa porque 1) excanvas.js está lo más limpio posible y 2) cuando se lanza IE9, todos los principales navegadores finalmente admitirán el objeto canvas. Con suerte, obtendremos IE9 dentro de un año

Eric @ http://www.webkrunk.com

Si necesita usar IE8, puede probar esta biblioteca de JavaScript para gráficos vectoriales. Es como resolver las incompatibilidades “canvas” y “SVG” de IE8 al mismo tiempo.

Raphaël

Lo intenté en un rápido ejemplo y funciona correctamente. No sé cuán legible es el código fuente, pero espero que lo ayude. Como dijeron en su sitio, la biblioteca es compatible con exploradores muy antiguos.

Raphaël actualmente es compatible con Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ e Internet Explorer 6.0+.

Acabo de usar flashcanvas , y lo hice funcionar. Si tiene problemas, solo asegúrese de leer las advertencias y otras cosas. En particular, si crea elementos canvas de forma dinámica, debe inicializarlos explícitamente:

 if (typeof FlashCanvas != "undefined") { FlashCanvas.initElement(canvas); }