Frage Wie kann ich das HTML5-Canvas-Element in IE verwenden?


Ich versuche, das HTML5-Canvas-Element zu verwenden, um einige Bögen und Kreise zu zeichnen - das funktioniert perfekt in FF, aber IE8 scheint es nicht zu unterstützen.

Jetzt gibt es Javascript-Bibliotheken, die IE8 mit Canvas gut funktionieren lassen. Ein Beispiel finden Sie hier.

Ich habe ihre gesamte Quelle gelesen, aber ich kann nicht verstehen, wie sie Canvas mit IE8 arbeiten lassen. Kann jemand bitte etwas Licht auf die Methode werfen?


75
2017-08-26 05:24


Ursprung


Antworten:


Die Seite verwendet Exkanvas - Eine JS-Bibliothek, die das Canvas-Element mit dem VML-Renderer von IE simuliert.

Beachten Sie, dass in Internet Explorer 9 Das Canvas-Tag wird nativ unterstützt! Sehen MSDN-Dokumente für Details...


94
2017-08-26 05:29



Sie können fxCanvas ausprobieren: https://code.google.com/p/fxcanvas/

Es implementiert fast alle Canvas-API in Flash-Shim.


8
2018-02-06 16:06



Sie könnten das kürzlich veröffentlichte Chrome Frame-Plug-in für IE verwenden, aber es erfordert, dass die HTML 5-Website das spezielle Meta-Tag enthält, das das Plug-in aktiviert.

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

Chrome Frame scheint Explore Canvas (excanvas.js) zu verwenden.


4
2017-10-02 09:19



Derzeit ist ExplorerCanvas die einzige Option, HTML5 Canvas für IE6, 7 und 8 zu emulieren. Sie haben auch recht, was seine Leistung angeht, die ziemlich schlecht ist.

Ich habe einen Partikel-Simulator gefunden, der den Unterschied zwischen echtem HTML5-Canvas-Handling in Google Chrome, Safari und Firefox gegenüber ExplorerCanvas in IE vergleicht. Die Ergebnisse zeigen, dass die wichtigsten Browser, die das Canvas-Tag unterstützen, etwa 20 bis 30 Mal schneller laufen als das emulierte HTML5 in IE mit ExplorerCanvas.

Ich bezweifle, dass irgendjemand den Aufwand der Erstellung einer Alternative durchgehen wird, weil 1) excanvas.js ungefähr so ​​sauber codiert ist wie es geht und 2) wenn IE9 veröffentlicht wird, werden alle Hauptbrowser das Canvas-Objekt endlich unterstützen. Hoffentlich erhalten wir IE9 innerhalb eines Jahres

Eric @ www.webkrunk.com


2
2018-05-13 14:28



Wenn Sie IE8 verwenden müssen, können Sie diese JavaScript-Bibliothek für Vektorgrafiken ausprobieren. Es ist so, als würden die "Canvas" - und "SVG" -Inkompatibilitäten von IE8 gleichzeitig gelöst.

Raphaël

Ich habe es gerade in einem schnellen Beispiel versucht und es funktioniert richtig. Ich weiß nicht, wie lesbar der Quellcode ist, aber ich hoffe, es hilft dir. Wie sie auf ihrer Website sagten, ist die Bibliothek mit sehr alten Entdeckern kompatibel.

Raphaël unterstützt derzeit Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ und Internet Explorer 6.0+.


2
2017-11-14 11:28



Ich habe es gerade benutzt Flashcanvasund ich habe das funktioniert. Wenn Sie auf Probleme stoßen, lesen Sie einfach die Vorbehalte und was nicht. Insbesondere wenn Sie Canvas-Elemente dynamisch erstellen, müssen Sie sie explizit initialisieren:

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

0
2017-08-23 16:24