Метод lineTo проводит линию от точки к точке. Линия проводится от текущего положения пера для рисования и до указанных координат. Координаты указываются параметрами метода.

См. также метод moveTo, который перемещает перо для рисования, ничего при этом не рисуя.

См. также учебник по canvas для более полного понимания.

Синтаксис

контекст.lineTo(x, y);

Примеры

Пример

Давайте нарисуем линию:

<canvas id="canvas" width="200" height="200"></canvas>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат выполнения кода:

Пример

Давайте нарисуем квадратик:

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath();
ctx.stroke();

Результат выполнения кода: