Расми давраҳо тавассути canvas дар JavaScript
Усули навбатӣ arc қавси марказдоштаро
мекашад. Он параметрҳои зеринро қабул мекунад: x, y, радиус r,
зовияи оғоз startAngle, зовияи
поён endAngle, кашидан ба самти соат ё баръакс
direction.
Параметри direction арзишҳои зеринро қабул мекунад: true ба самти соат,
false баръакси соат (ба таври пешфарз).
Дар ин ҳолат зовияҳо дар усули arc дар радиан чен карда мешаванд,
на дар дараҷа. Барои табдилдиҳии дараҷа ба радиан
шумо метавонед функсияи зеринро истифода баред:
function getRadians(degrees) {
return (Math.PI / 180) * degrees;
}
Як давра кашем
<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();
:
Нимдавра кашем
<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();
:
Нимдоира кашем
<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(); // контурро пур мекунем
:
