Mafaa wa Kifaa cha Canvas wa HTML

Mifano

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

Tenda tena!

Makosa ya arc()

Kikurungu cha kikurungu kinachopakana na mkoani cha kikurungu na radius:

Kurejesha kikurungu cha Canvas

Tumia njia ya kijifunze cha kijifunze kuirejesha kikurungu:

Ili kurejesha kikurungu kwenye kijifunze, tumia mtuwa hii:

• beginPath() - Kuanza njia
• arc(x,y,r,start,end) - Kinaa cha kikurungu
• stroke() - Kurejesha

arc(x,y,r,start,end) - Kurejesha kikurungu (kifupi cha nguvu).

Ili kumaliza kikurungu, tena angalishoni ugaogesho wa anga la kuanza 0, ugaogesho wa kisha 2 * Math.PI.

x na y ina kinaa kipakana cha mkoani kikurungu.

r ina kinaa ya msingi wa kikomo cha kikurungu.

Tazama pia:

Kitabu cha Tukio cha Kipimo cha Canvas cha Kompleti cha CodeW3C.com