Metoden lineTo

Metoden lineTo trekker en linje fra punkt til punkt. Linjen trekkes fra pennens nåværende posisjon for tegning og til de angitte koordinatene. Koordinatene angis ved metodens parametere.

Syntaks

javascriptkontekst.lineTo(x, y);

Eksempel

La oss tegne 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();

Результат:

Eksempel

La oss tegne en liten firkant:

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 også