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
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à envoyer une pull request sur https://github.com/mdn/browser-compat-data.
Voir aussi
- L'interface qui définit cette méthode,
CanvasRenderingContext2D
CanvasRenderingContext2D.lineTo()
CanvasRenderingContext2D.stroke()