Este código funciona:

<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>

Eu tentei fazer o mesmo no jQuery e isso não funcionou:

"Objeto [objeto Objeto] não tem método '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();

Eu até li no stackoverflow que eu deveria tentar isso (que não funcionou)

Adicionado um[0] para o código.

"O objeto # <HTMLDivElement> não possui o método 'getContext'"

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

Questão

Eu quero "pintar" em todas as zonas. Isso não é possível? Como?