HTML5 canvas jQuery getContext na klasach
Ten kod działa:
<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>
Próbowałem zrobić to samo w jQuery i to nie zadziałało:
"Obiekt [obiekt Obiekt] nie ma metody „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();
Czytałem nawet na stackoverflow, który powinienem wypróbować (który nie zadziałał)
Dodano a[0] do kodu.
"Obiekt # <HTMLDivElement> nie ma metody „getContext”"
var context = $('.dropzone')[0].getContext('2d');
Pytanie
Chcę „pomalować” każdą kroplę. Czy to niemożliwe? W jaki sposób?