Метод lineTo

Методот lineTo црта линија од точка до точка. Линијата се црта од тековната позиција на пенкалото за цртање до наведените координати. Координатите се наведуваат со параметрите на методот.

Синтакса

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

Пример

Ајде да нацртаме линија:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

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

Результат:

Пример

Ајде да нацртаме квадрат:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

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

Результат:

Погледнете ги исто така