JavaScriptда canvas ишлашни бошлаш

Канвас - бу браузерда JavaScriptда расм чизиш учун махсус майдон. Бу майдон <canvas> теги орқали яратилади ва унга эни ва бўйини кўрсатиш керак:

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

Бу майдон билан JavaScriptда ишлаш учун аввалогина ушбу тегга ҳаволани бирор ўзгарувчига оламиз:

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

Сўнгра бу ўзгарувчига getContext услубини қўлламиз:

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

Уни соддалаштириш мумкин:

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

Натижада ctx ўзгарувчисига ижро контексти деб аталувчи объект ёзилади. Расм чизишнинг ҳаммаси ушбу объектнинг услублари ёрдамида амалга ошади. Уларни ўрганиш билан биз кейинги дарсларда шуғулланамиз.