CanvasRenderingContext2D.moveTo()

La méthode CanvasRenderingContext2D.moveTo() de l'API Canvas 2D déplace le point de départ d'un nouveau sous-chemin vers les coordonnées (x, y).

Syntaxe

void ctx.moveTo(x, y);

Paramètres

x
L'axe des x du point.
y
L'axe des y du point.

Exemples

Utiliser la méthode moveTo

Ceci est un simple snippet de code qui utilise la méthode moveTo pour déplacer le stylo à une position de départ pour dessiner une ligne.

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(200, 50);
ctx.stroke();

Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:

Spécifications

Specification Status Comment
HTML Living Standard
La définition de 'CanvasRenderingContext2D.moveTo' dans cette spécification.
Standard évolutif  

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi