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:

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

javascriptlet canvas = document.querySelector('canvas');

Pastaj, kësaj variable duhet t'i aplikohet metoda getContext:

javascriptlet canvas = document.querySelector('canvas');
let ctx    = canvas.getContext('2d');

Mund të thjeshtohet:

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