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:

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

Syntax

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

Mfano

Wacha tuchore duara:

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

javascriptlet 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:

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

javascriptlet 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):

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

javascriptlet 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