Metoden lineTo
Metoden lineTo tegner en linje fra punkt
til punkt. Linjen tegnes fra den aktuelle position
af tegneppen og til de angivne koordinater.
Koordinaterne angives ved parametrene til metoden.
Syntaks
kontekst.lineTo(x, y);
Eksempel
Lad os 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
Lad os tegne en 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();
:
