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:
<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:
let canvas = document.querySelector('canvas');
Sonra bu dəyişənə
getContext metodu tətbiq edilməlidir:
let canvas = document.querySelector('canvas');
let ctx = canvas.getContext('2d');
Sadələşdirmək olar:
let 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.