Метод lineTo
Методот lineTo црта линија од точка
до точка. Линијата се црта од тековната позиција
на пенкалото за цртање до наведените координати.
Координатите се наведуваат со параметрите на методот.
Синтакса
контекст.lineTo(x, y);
Пример
Ајде да нацртаме линија:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();
:
Пример
Ајде да нацртаме квадрат:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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();
:
