Como posso usar o elemento de canvas HTML5 no IE?

Eu estou tentando usar o elemento de canvas HTML5 para desenhar alguns arcos e círculos – isso funciona perfeitamente no FF, mas o IE8 não parece suportá-lo.

Agora, existem bibliotecas Javascript que parecem fazer o IE8 funcionar bem com o Canvas. Um exemplo pode ser encontrado aqui .

Eu li toda a sua fonte, mas não consigo entender como eles estão fazendo o Canvas funcionar com o IE8. Alguém pode por favor lançar alguma luz sobre o método usado?

A página está usando excanvas – uma biblioteca JS que simula o elemento canvas usando o renderizador VML do IE.

Observe que, no Internet Explorer 9, a tag da canvas é suportada nativamente ! Veja documentos do MSDN para detalhes …

Você pode tentar fxCanvas: https://code.google.com/p/fxcanvas/

Ele implementa quase toda a API do Canvas no flash shim.

Você pode usar o recém-lançado plug-in do Chrome Frame para o IE, mas ele exige que o site HTML 5 inclua a meta tag especial que ativa o plug-in.

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

O Google Chrome Frame parece usar o recurso Explorar canvas (excanvas.js).

Atualmente, o ExplorerCanvas é a única opção para emular a canvas HTML5 para o IE6, 7 e 8. Você também está certo sobre seu desempenho, que é bastante ruim.

Eu encontrei um simulador de partículas que compara a diferença entre o verdadeiro manuseio de canvas HTML5 no Google Chrome, Safari e Firefox, versus ExplorerCanvas no IE. Os resultados mostram que os principais navegadores que suportam a tag da canvas são executados cerca de 20 a 30 vezes mais rápido que o HTML5 emulado no IE com o ExplorerCanvas.

Eu duvido que alguém passe pelo esforço de criar uma alternativa porque 1) excanvas.js é o mais limpo possível e 2) quando o IE9 é liberado, todos os principais navegadores irão finalmente suportar o object canvas. Espero que tenhamos o IE9 dentro de um ano

Eric @ http://www.webkrunk.com

Se você precisar usar o IE8, você pode tentar essa biblioteca JavaScript para charts vetoriais. É como resolver as incompatibilidades “canvas” e “SVG” do IE8 ao mesmo tempo.

Raphaël

Eu apenas tentei em um exemplo rápido e funciona corretamente. Eu não sei quão legível é o código-fonte, mas espero que ajude você. Como eles disseram em seu site, a biblioteca é compatível com exploradores muito antigos.

Raphaël atualmente suporta o Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ e Internet Explorer 6.0+.

Eu apenas usei flashcanvas , e consegui isso funcionando. Se você encontrar problemas, apenas certifique-se de ler as advertências e outros detalhes. Particularmente, se você criar elementos de canvas dinamicamente, precisará inicializá-los explicitamente:

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