CanvasRenderingContext2D.lineTo()

CanvasRenderingContext2D.lineTo() - малює нову точку і з'єдює з останьою.

Синтаксис:

ctx.lineTo(x, y);

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

x - точка осі X.

y - точка осі Y.

Опис:

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

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

Приклад:

Ваш браузер не підтримує canvas.
var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.strokeStyle='red'; crt.moveTo(10, 10); crt.lineTo(50, 50); crt.stroke(); var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.moveTo(12, 20); crt.lineTo(90, 55); crt.lineTo(25,40); crt.fill();