CanvasRenderingContext2D.arcTo()

CanvasRenderingContext2D.arcTo() - малює коло до початкової точки.

Синтаксис:

ctx.arcTo( x1, y1, x2, y2, radius );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

x1 - координати першої точки осі х.

y1 - координати першої точки ось у.

x2 - координати другої точки осі х.

y2 - координати другої точки ось у.

radius - радіус кола.

Опис:

arcTo() метод об'єкту CanvasRenderingContext2D який додає контури кола яке домальовується до початкової точки на полотні canvas.

Щоб задати початкову точку контура використовуйте метод moveTo().

Щоб намалювати або замалювати контури використовуйте методи stroke(), fill().

Приклад:

Ваш браузер не підтримує canvas. var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.beginPath(); //створюємо новий контур crt.moveTo(140, 20); //задаємо початкову точку crt.arcTo(165, 110, 50, 25, 30); //задаємо контури кола crt.closePath(); //закриваємо контур crt.lineWidth=5; crt.strokeStyle="black"; crt.stroke(); //малюємо контури var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.beginPath(); //створюємо новий контур crt.moveTo(175, 10); crt.arcTo(20, 50, 120, 130, 60); crt.closePath(); crt.strokeStyle="blue"; crt.stroke();