Метод 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();
:
