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

javascriptkontekst.lineTo(x, y);

Eksempel

Lad os 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

Lad os tegne en 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å