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

javascriptkontekst.lineTo(x, y);

Primer

Narišimo črto:

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();

Результат:

Primer

Narišimo kvadrat:

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();

Результат:

Glejte tudi