HTML-canvas moveTo() Methode

Begin een pad, ga naar positie 0,0. Maak een lijn naar positie 300.150:

javascript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
ctx.stroke();

Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.

Method
moveTo()	Yes	9.0	Yes	Yes	Yes

De methode moveTo() verplaatst het pad naar het opgegeven punt in het canvas, zonder een lijn te maken.

Tip: gebruik de methode stroke() om het pad daadwerkelijk op het canvas te tekenen.

JavaScript-syntaxis:	context .moveTo( x,y );

Parameter	Description	Play it
x	The x-coordinate of where to move the path to
y	The y-coordinate of where to move the path to