30 Stimmen

Evan Carroll avatar

jQuery dynamische Canvas-Erstellung, $ctx.getContext ist keine Funktion

Gefragt el 13 de Juli, 2010
Wann wurde die Frage gestellt
36946 Ansichten
Anzahl der Besuche der Frage
3 Antworten
Anzahl der Fragenantworten
Gelöst
Aktueller Status der Frage

Wenn ich versuche, dies in jQuery auszuführen, erhalte ich $ctx.getContext is not a function in Firebug.

var $ctx = $( '<canvas />', {width:'100', height:'100'} )
$widget.append($ctx)                                     
$ctx.getContext('2d')

Haben Sie eine Idee, warum ich diesen Fehler erhalte? Wie kann ich ein Canvas-Element dynamisch erstellen und initialisieren?

Gefragt el 13 de Juli, 2010 von Evan Carroll

Antworten

Zu viele Anzeigen?

64voto

Scott Evernden avatar
Scott Evernden Punkte 37117

$ctx ist ein jQuery-Objekt. verwenden $ctx[0].getContext('2d') um den Kontext zu erhalten

Beantwortet el 13 de Juli, 2010 von Scott Evernden (37117 Punkte )

0 Stimmen

Avatar von Evan Carroll

var $ctx = $( '<canvas />', {width:'100', height:'100'} )[0].getContext('2d')

Kommentiert el 13 de Juli, 2010 von Evan Carroll

0 Stimmen

Avatar von Scott Evernden

Das würde $ctx den Canvas-Kontext zuweisen, die sowohl verwirrend ist und nicht, ich glaube, was Evan geht für... er muss das Ergebnis des getContext()-Aufrufs tho sammeln - so Sie dort richtig sind...

Kommentiert el 13 de Juli, 2010 von Scott Evernden

2 Stimmen

Avatar von Gabriele Petrioli

@Evan, du hast den append-Schritt übersprungen .. für einen einzelnen Liner versuche $( '<canvas />', {width:'100', height:'100'} ).appendTo($widget)[0].getContext('2d') aber jetzt haben Sie keine Variable, die auf Ihr Jquery-Objekt verweist

Kommentiert el 13 de Juli, 2010 von Gabriele Petrioli
Anzeigen 2 weitere Kommentare

2voto

Castrohenge avatar
Castrohenge Punkte 7816

Wenn Sie Excanvas verwenden, müssen Sie die folgenden Einstellungen vornehmen, damit es im IE funktioniert.

var canvas = $ctx[0];

if (canvas.getContext == undefined) {
    return G_vmlCanvasManager.initElement(canvas).getContext("2d"); 
}

return canvas.getContext('2d')
Beantwortet el 13 de Juli, 2010 von Castrohenge (7816 Punkte )

-6voto

Peter avatar
Peter Punkte 9

Als Erstes müssen Sie überprüfen, ob die folgende Zeile am Anfang des HTML-Dokuments vorhanden ist.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">

diese Zeile als Bedingung für eine Browser-Rendering-Richtlinie aus.

Beantwortet el 24 de Oktober, 2013 von Peter (9 Punkte )

2 Stimmen

Avatar von NomadTraveler

Was hat das mit der Frage zu tun?

Kommentiert el 24 de Oktober, 2013 von NomadTraveler

Verwandte Fragen

Empfohlene Fragen

Top-Tags

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

Yandex
X