HTMLCanvas 'getContext' ist keine unterstützte Eigenschaft oder Methode nicht

Ich habe gerade lauched ist ein HTML5-Spiel-Anwendung, und ich bekomme immer wieder 'Objekt unterstützt keine Eigenschaft oder Methode " getContext' Fehler-logs von einigen meiner Nutzer.

Mein setup nur Benutzer mit Chrome (16<), Firefox (9<) oder IE (9<), das Spiel zu spielen.
IE (<9) der Benutzer erhält einen chromeframe installation in Ihrem Gesicht.

Nur einige meiner IE9-Benutzer, die werfen dieser Ausnahme.
Ich habe das Spiel gespielt auf mehrere windows-Rechner mit IE9, sowohl vista und windows 7.

Suche meine Quelle, für die der Aufruf der Funktion getContext, bekomme ich das gleiche Muster.
Ich erstellen ein canvas-element über document.createElement, und dann rufe ich getContext('2d'), die nächste Zeile.

var buffer = /** @type {!HTMLCanvasElement} */ (document.createElement('canvas')),
    ctx = /** @type {!CanvasRenderingContext2D} */ (buffer.getContext('2d')),
    draw = function(ctx) {
       /**
        * Alot of drawing calls.
        */
    };
draw(ctx);

Gegeben, dass eine Menge von meinem IE9-Benutzer starten Sie das Spiel wie es sollte, glaube ich nicht, dass dies ein problem mit meinem code, sondern einige-Symbolleiste/plugin oder eine Einstellung im IE9, die stolpern mich hier.

Was denken Sie ?

InformationsquelleAutor Firecow | 2012-02-16
  1. 10

    Nach dem einlegen <meta http-equiv="X-UA-Compatible" content="chrome=1, IE=edge"> haben wir reduziert die Anzahl der Fehler, eine Menge, wir haben noch ein paar, aber das könnte sein, Benutzern mit seltsamen Browsern, die chromeframe installieren, prüfen, nicht zu fangen.

    chrome=1 "chrome frame", wenn Ihr es.

    IE=edge bedeutet "verwenden höchste version des IE'.

    So, ich gehe mit, dass für jetzt.

    • arbeitete für mich, vielen Dank!
    • Welche änderungen hast du vorgenommen? @hevi
    • Als pro-Anweisung herestellen Sie sicher, es ist die erste meta-Anweisung.
    InformationsquelleAutor Firecow
  2. 3

    soweit ich weiß, IE9 voll unterstützt das canvas-tag. Aber der Benutzer sollte sicherstellen, dass er nicht im Kompatibilitätsmodus. Aber genau das problem zu vermeiden, schlage ich vor, u mit excanvas. Wenn Sie nicht wissen, wie die download-excanvas, und fügen Sie folgenden link

    <!--[if lt IE 9]><script src="../excanvas/excanvas.original.js"></script><![endif]-->
    • Ja, aber wenn die Benutzer im IE Kompatibilitäts-Modus unter 9, Sie sollten einen Chrome Frame, popup, und nicht in der Lage sein, das Spiel zu spielen, bevor chrome frame installiert ist... Jedenfalls habe ich <meta http-equiv="X-UA-Compatible" content="IE=9" > in meinem Seiten-header, so dass sollte verhindern, dass Benutzer das Spiel läuft im IE im quirks-Modus. Ich habe keine Absichten der Bereitstellung von excanvas-Unterstützung. Ich werde zurückkehren, wenn ich weiß, dass, wenn die meta-Tags nichts geändert.
    InformationsquelleAutor thecodejack
  3. 0

    Haben Sie die Möglichkeit, dass die Nutzer nicht wissen, welche version des IE, die Sie verwenden und berichten, dass es falsch?

    • Das ist nicht möglich.. userAgent-string, wird automatisch gesendet, wenn Ausnahmen gefangen werden.
    InformationsquelleAutor x10
  4. 0

    Vom Anweisungen

    Dynamisch erstellte Elemente
    Wenn Sie das canvas-element dynamisch es wird nicht über die getContext-Methode Hinzugefügt, um das element. Um es arbeiten, die Sie anrufen initElement auf die G_vmlCanvasManager Objekt.

    var el = document.createElement('canvas');
G_vmlCanvasManager.initElement(el);
var ctx = el.getContext('2d');
    • Ich bin immer Fehler in G_vmlCanvasManager @Confa
    InformationsquelleAutor kirill.buga
Schreibe einen Kommentar