Fillimi i punës me canvas në JavaScript
Canvas është një fushë e veçantë për vizatim
në shfletues në JavaScript. Kjo fushë bëhet
duke përdorur tagun <canvas>, të cilit
duhet t'i caktohet gjerësia dhe lartësia:
<canvas width="200" height="200"></canvas>
Për të punuar me këtë fushë në JavaScript, për fillim le të marrim një referencë për këtë tag në ndonjë variabël:
let canvas = document.querySelector('canvas');
Pastaj, kësaj variable duhet t'i aplikohet
metoda getContext:
let canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');
Mund të thjeshtohet:
let ctx = document.querySelector('canvas').getContext('2d');
Si rezultat, në variablin ctx do të shkruhet
një objekt që përmban në vetvete të ashtuquajturin
kontekst ekzekutimi. I gjithë vizatimi
do të ndodhë duke përdorur metodat e këtij
objekti. Studimin e tyre do ta fillojmë në mësimet
në vijim.
