JavaScript'те canvas менен иштоонун башталышы

Canvas - бул браузерде JavaScript'те сүрөт тартуу үчүн атайын талаа. Бул талаа <canvas> тегинин жардамы менен жасалат, ага туурасы менен бийиктигин көрсөтүү керек:

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

Бул талаа менен JavaScript'те иштөө үчүн, алгач бул тегке шилтеме алуу үчүн өзгөрмөлүү ачкычка алгыла:

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

Андан кийин бул өзгөрмөгө getContext методу колдонулушу керек:

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

Жөнөкөйлөтсө болот:

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

Натыйжада ctx өзгөрмөсүнө ошол аталган аткаруу контексти камтыган объект жазылат. Бардык сүрөт тартуу бул объекттин методдорунун жардамы менен ишке ашат. Аларды изилдөө менен биз кийинки сабактарда алектенебиз.