HTML5 canvas jQuery getContext по классам
Этот код работает:
<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>
Я пытался сделать то же самое в 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. Это не возможно? Как?