Curves in HTML Canvas

Ƙasance

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

kai kai cikin ɗaukar ɗaukar

arc() ɗanɗiɗi

ɗaukar ɗaukar wani ɗaya ɗin tukwasi, kuma ana ɗanɗiɗi shi tare da ɗaukar yankin tsaki da rai:

Canvas ɗaukar ɗaukar ɗaukar

Domin amfani da ɗaukar ɗaukar ɗin ɗabino domin ɗaukar ɗaukar ɗaukar ɗaukar:

Domin ɗaukar tukwasi kan ɗabino, sake amfani da ɗaukar ɗaukar ɗin ɗabino a cikin haka:

• beginPath() - ɗaukar ɗaukar
• arc(x,y,r,start,end) - ɗanɗiɗi tukwasi
• stroke() - ɗaukar

arc(x,y,r,start,end) - kafa ɗaukar ɗaukar (kura).

Domin kafa tukwasi, sake ɗaukar ɗaukar ɗaya ɗin faruwa shi 0, sake ɗaukar ɗaukar ɗaya ɗin ƙarfe 2 * Math.PI.

x da y ɗanɗiɗi ɗin ɗaukar yankin tsaki.

r ɗanɗiɗi wani ɗaya ɗin yanki na tukwasi.

See also:

Complete Canvas Reference Manual of CodeW3C.com