De moveTo Methode

De methode moveTo verplaatst de tekenpen naar een specifiek punt zonder iets te tekenen. Vanaf dit punt kan je dan beginnen met tekenen met behulp van de methode lineTo.

Syntaxis

javascriptcontext.moveTo(x, y);

Voorbeeld

Laten we een lijn tekenen:

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

Результат:

Zie ook