JavaScript-de canvas bilen işe başlamak

Kanvas - bu brauzerde JavaScript'de çyzme üçin ýörite meýdan. Bu meýdan <canvas> tegini ulanyp ýasalan, oňa ini we beýikligini görkezmek gerek:

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

Bu meýdan bilen JavaScript'de işlemek üçin, ilki bilen şu tege birnäçe üýtgeýjide salgyny aýyryň:

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

Soňra bu üýtgeýjä getContext metodyny ulanyň:

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

Ýönekeýleşdirip bolýar:

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

Netijede ctx üýtgeýjisine, içinde ýerine ýetiriş konteksti diýilýän objekt ýazylar. Çyzmagyň hemmesi şu objektiň metodlary arkaly amala aşyrlar. Indiki sapaklarda biz şol metodlary öwreneris.