JavaScript'те canvas аркылуу тегеректерди тартуу
Кийинки 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(); // контурду боёйлу
:
