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:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.moveTo(0,0); ctx.lineTo(300,150); ctx.stroke();
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>.