Равиши arc

Равиши arc қаусро бо марказ дар нуқтаи додашуда ва радиуси додашуда мекашад. Ин қаус танҳо дар сурати истифода бурдани равишҳои stroke ё fill намоён мешавад. Дар ҳолати аввал контур, дар ҳолати дуюм - шакл намоён мешавад.

Параметри ихтиёрӣ ва охирин самти кашиданро танзим мекунад. Он қимати true ё false-ро қабул мекунад. Қимати true қаусро ба самти соат ва қимати false - баръакси самти соат (бо пешфарз) мекашад.

Дар вақти кашидан шумо метавонед кунҷҳои оғозӣ ва поёнӣ муайян кунед. Ин кунҷҳо дар радиан чен карда мешаванд, на дар дараҷа. Барои табдил додани дараҷа ба радиан шумо метавонед функсияи зеринро истифода баред:

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

Синтаксис

контекст.arc(x, y, радиус, кунҷи оғозӣ, кунҷи поёнӣ, [самт = false]);

Намуна

Биёед як доира кашем:

<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;
}

Намуна

Биёед нисфи доира кашем:

<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;
}

Намуна

Биёед нисфи ҳалқа кашем (контурро бо истифода аз 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;
}

Ҳамчунин бинед

равиши rect,
ки росткунҷа мекашад