HTML5 canvas jQuery getContext по классам

Этот код работает:


    
      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();
    

Я пытался сделать то же самое в jQuery, и это не сработало: "

Object [object Object] не имеет метода '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();

Я даже читал на stackoverflow, что я должен попробовать это (это не сработало)

Добавил[0] к коду. "

Объект № <HTMLDivElement> не имеет методаgetContext»

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

Вопрос

Я бы хотел "покрасить" в каждой .dropzone. Это не возможно? Как?

Ответы на вопрос(3)

Ваш ответ на вопрос