Méthode moveTo()

❮ Référence Canvas

Exemple

Commencez un chemin, déplacez-vous à la position 0, 0. Créez une ligne vers la position 300, 150 :

Votre navigateur ne prend pas en charge la balise HTML5 canvas.

JavaScript :

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");

// Commencer un nouveau chemin
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);

// Dessiner le chemin
ctx.stroke();
Essayez-le vous-même »

Description

La méthode moveTo() déplace le chemin vers un point spécifié sans dessiner de ligne.

Voir aussi :

La méthode beginPath() (Commencer un nouveau chemin)

La méthode closePath() (Fermer le chemin actuel)

La méthode lineTo() (Ajouter une ligne au chemin)

La méthode fill() (Remplir le chemin actuel)

La méthode stroke() (Dessiner le chemin actuel)


Syntaxe

context .moveTo( x, y )

Valeurs des paramètres

Param Description Jouez-le
x La coordonnée x vers laquelle déplacer le chemin Jouez-le »
y La coordonnée y vers laquelle déplacer le chemin Jouez-le »

Valeur de retour

AUCUN

Support des navigateurs

L'élément <canvas> est une norme HTML5 (2014).

moveTo() est pris en charge dans tous les navigateurs modernes :

Chrome Edge Firefox Safari Opera IE
Oui Oui Oui Oui Oui 9-11

❮ Référence Canvas