JavaScript-те canvas-пен жұмысты бастау

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 айнымалысына өзіндік орындау контексті деп аталатын нәрсе жазылады. Барлық сурет салу осы объекттің әдістерінің көмегімен жүреді. Оларды зерттеумен біз келесі сабақтарда айналысамыз.