CanvasRenderingContext2D.arcTo()

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

Синтаксис:

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

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

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

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

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

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

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

Опис:

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

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

Приклад:

Ваш браузер не підтримує 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();