Comment utiliser l'élément de toile HTML5 dans IE?

Question

Je suis en train d'utiliser l'élément HTML5 canvas pour dessiner des arcs et des cercles - cela fonctionne parfaitement dans les FF, mais IE8 ne semble pas à la soutenir.

Maintenant, il existe des bibliothèques Javascript qui semblent faire IE8 fonctionne bien avec la Toile. Un exemple peut être trouvé ici.

J'ai lu la totalité de leur source, mais je ne comprends pas comment ils font de la Toile de travailler avec IE8. Quelqu'un peut-il s'il vous plaît jeter un peu de lumière sur la méthode utilisée?

Answer 1

La page utilise excanvas - une bibliothèque JS qui simule l’élément canvas à l’aide du moteur de rendu Internet Explorer VML.

Notez que dans Internet Explorer 9, la balise canvas est supportée nativement! Voir docs MSDN pour plus de détails...

Answer 2

Vous pouvez essayer fxCanvas : http://burzak.com/proj/fxcanvas/

Il implémente presque toutes les API de toile dans flash shim.

Answer 3

Vous pouvez utiliser la nouvelle version plugin Chrome Frame pour IE, mais il faut que le site Web HTML 5 inclut la balise meta spécial qui permet le plugin.

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

Cadre chrome semble utiliser Explorer toile (excanvas.js).

Answer 4

Actuellement, explorercanvas de façon est la seule option pour simuler HTML5 canvas pour IE6, 7 et 8. Vous avez également le droit, à propos de son rendement, ce qui est assez pauvre.

J'ai trouvé une particule simulatior que les points de référence de la différence entre le vrai HTML5 canvas manipulation dans Google Chrome, Safari et Firefox, vs explorercanvas de façon à IE. Les résultats montrent que les principaux navigateurs qui ne le soutien à la balise canvas courir environ 20 à 30 fois plus rapide que la émulé HTML5 dans IE avec explorercanvas de façon.

Je doute que quelqu'un va passer par l'effort de créer une solution de rechange parce que 1) excanvas.js est proprement codé qu'il obtient et 2) lorsque IE9 est publié tous les principaux navigateurs, enfin, l'appui de la toile de l'objet. J'espère que Nous allons obtenir IE9 en moins d'un an

Eric @ www.webkrunk.com

Answer 5

Si vous avez besoin d'utiliser IE8, vous pouvez essayer cette bibliothèque JavaScript pour les graphiques vectoriels. C'est comme la résolution de la "toile" et "SVG" incompatibilités de IE8 en même temps.

Raphaël

Je viens de l'essayer dans un exemple rapide et elle fonctionne correctement. Je ne sais pas comment lisible est le code source, mais j'espère que cela vous aide. Comme ils l'ont dit dans son site, la bibliothèque est compatible avec de très anciens explorateurs.

Raphaël prend actuellement en charge de Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ et Internet Explorer 6.0+.