Расми давраҳо тавассути canvas дар JavaScript

Усули навбатӣ arc қавси марказдоштаро мекашад. Он параметрҳои зеринро қабул мекунад: x, y, радиус r, зовияи оғоз startAngle, зовияи поён endAngle, кашидан ба самти соат ё баръакс direction.

Параметри direction арзишҳои зеринро қабул мекунад: true ба самти соат, false баръакси соат (ба таври пешфарз).

Дар ин ҳолат зовияҳо дар усули arc дар радиан чен карда мешаванд, на дар дараҷа. Барои табдилдиҳии дараҷа ба радиан шумо метавонед функсияи зеринро истифода баред:

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

Як давра кашем

html<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();

Результат:

Нимдавра кашем

html<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();

Результат:

Нимдоира кашем

html<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(); // контурро пур мекунем

Результат:

Масъалаҳои амалӣ