Metoda lineTo
Metoda lineTo nariše črto od točke
do točke. Črta se nariše od trenutnega položaja
pisala za risanje do podanih koordinat.
Koordinate se podajo kot parametri metode.
Sintaksa
kontekst.lineTo(x, y);
Primer
Narišimo črto:
<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();
:
Primer
Narišimo 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();
:
