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
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.
Update compatibility data on GitHub
Ordinateur | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
moveTo | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1.5 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
Voir aussi
- L'interface qui définit cette méthode,
CanvasRenderingContext2D
CanvasRenderingContext2D.lineTo()
CanvasRenderingContext2D.stroke()