JavaScript-də canvas ilə işə başlamaq

Kanvas - brauzerdə JavaScript-də çəkmə üçün xüsusi bir sahədir. Bu sahə <canvas> teqi ilə edilir, ona eni və hündürlüyü göstərilməlidir:

html<canvas width="200" height="200"></canvas>

JavaScript-də bu sahə ilə işləmək üçün əvvəlcə həmin tegin istinadını hansısa dəyişənə əldə edək:

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

Sonra bu dəyişənə getContext metodu tətbiq edilməlidir:

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

Sadələşdirmək olar:

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

Nəticədə ctx dəyişəninə icra konteksti adlanan obyekt yazılacaq. Bütün çəkmə bu obyektin metodları vasitəsilə baş verəcək. Onların öyrənilməsi ilə növbəti dərslərdə məşğul olacığıq.