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
kontext.lineTo(x, y);
Exempel
Låt oss rita 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();
:
Exempel
Låt oss rita en kvadrat:
<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();
:
