Canvas бо 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 як объект сабт мешавад, ки дар худ он чизе, ки ба контексти иҷро маъруф аст, дорад. Ҳамаи кашиданҳо бо ёрии методҳои ин объект рух хоҳад дод. Мо дар дарсҳои оянда омӯзиши онҳоро идома хоҳем дод.