Njia arc

Njia arc inachora arc na kituo katika hatua maalum, radius maalum. Arc hii itaonekana tu ikiwa tutatumia njia stroke au fill. Katika kesi ya kwanza kutakuwa na kontua, na ya pili - umbo.

Kigeuzo cha mwisho cha hiari kinadhibiti mwelekeo wa kuchora. Kinakubali thamani true au false. Thamani true inachora arc kwa mwelekeo wa saa, na thamani false - kinyume na saa (msingi).

Inawezekana kutoa pembe za mwanzo na mwisho wakati wa kuchora. Pembe hizi hupimwa kwa radiani, sio kwa digrii. Ili kubadilisha digrii kuwa radiani unaweza kutumia kitendakazi kifuatacho:

function getRadians(degrees) {
	return (Math.PI / 180) * degrees;
}

Syntax

muktadha.arc(x, y, radius, pembe_ya_mwanzo, pembe_ya_mwisho, [mwelekeo = false]);

Mfano

Wacha tuchore duara:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

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

ctx.arc(100, 100, 75, 0, getRadians(360));
ctx.stroke();

function getRadians(degrees) {
	return (Math.PI / 180) * degrees;
}

Mfano

Wacha tuchore nusu duara:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

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

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.stroke();

function getRadians(degrees) {
	return (Math.PI / 180) * degrees;
}

Mfano

Wacha tuchore nusu mduara (tutajaza kontua kwa kutumia fill):

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

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

ctx.arc(100, 100, 75, 0, getRadians(180));
ctx.fill();

function getRadians(degrees) {
	return (Math.PI / 180) * degrees;
}

Angalia pia

njia rect,
inayochora mstatili