Canvas moveTo() method

Definition and usage

moveTo() The method moves the path to the specified point on the canvas without creating a line.

Hint:Please use stroke() method to draw an exact path on the canvas.

instance

Start a path, move to position 0,0. Create a line to position 300,150:

Your browser does not support the HTML5 canvas tag.

JavaScript:

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

try it yourself

syntax

context.moveTo(x,y);

parameter value

parameter description
x Coordonnée x de la position cible du chemin
y Coordonnée y de la position cible du chemin

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.