Metode lineTo
Die metode lineTo trek 'n lyn van punt
tot punt. Die lyn word getrek vanaf die huidige posisie
van die tekenpen na die gespesifiseerde koördinate.
Koördinate word gespesifiseer deur die parameters van die metode.
Sintaksis
konteks.lineTo(x, y);
Voorbeeld
Kom ons teken 'n lyn:
<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();
:
Voorbeeld
Kom ons teken 'n klein vierkant:
<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();
:
