HTML5 canvas jQuery getContext für Klassen

Dieser Code funktioniert:

<canvas id="myCanvas" width="578" height="200"></canvas>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');

      context.beginPath();
      context.moveTo(0, 200);
      context.lineTo(578, 0);
      context.stroke();

      context.beginPath();
      context.moveTo(0, 0);
      context.lineTo(578, 200);
      context.stroke();
    </script>

Ich habe versucht, dasselbe in jQuery zu tun, und das hat nicht funktioniert:

"Objekt [Objekt Objekt] hat keine Methode 'getContext'"

var context = $('.dropzone').getContext('2d');
context.beginPath();
context.moveTo(0, 200);
context.lineTo(578, 0);
context.stroke();

context.beginPath();
context.moveTo(0, 0);
context.lineTo(578, 200);
context.stroke();

Ich habe sogar auf stackoverflow gelesen, dass ich das versuchen sollte (das hat nicht funktioniert)

Hinzugefügt a[0] zum Code.

"Objekt # <HTMLDivElement> hat keine Methode 'getContext'"

var context = $('.dropzone')[0].getContext('2d');

Frage

Ich möchte in jeder .dropzone "malen". Geht das nicht Wie?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage