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
kontekst.lineTo(x, y);
Eksempel
La oss tegne en linje:
<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();
:
Eksempel
La oss tegne en liten firkant:
<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();
:
