Makampua wa Canvas ya HTML

Mifano

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

Tukiongea kufanya tena

Kumaliza kuuza kikuu cha kina

Ili kumaliza kuuza kikuu cha kina kwenye rafiki, tukikagua hapa ya kwenzeka:

• beginPath() - Kuanza njia
• arc(x,y,r,start,end) - Kuhakikisha kikuu cha kina
• stroke() - Kufanya mawasiliano

arc(x,y,r,start,end) - Kumaliza ukurasa (kurusi).

Ili kumaliza kuuza kikuu cha kina, tukinga angalau ya kuanza 0, na angalau ya kumaliza 2 * Math.PI.

x na y niweza kuwaanisha koordinati ya kiume.

Tupaji r inaeleza ujumbe wa umbo wa kikondo.

Tazama pia:

Mashairi ya kusoma ya kina ya Canvas ya CodeW3C.com