Metoden lineTo

Metoden lineTo drar en linje från punkt till punkt. Linjen dras från pennans aktuella position för ritning till de angivna koordinaterna. Koordinaterna anges som parametrar till metoden.

Syntax

javascriptkontext.lineTo(x, y);

Exempel

Låt oss rita en linje:

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();

Результат:

Exempel

Låt oss rita en kvadrat:

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();

Результат:

Se även