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).

void ctx.moveTo(x, y);

x

L'axe des x du point.

y

L'axe des y du point.

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:

• L'interface qui définit cette méthode, CanvasRenderingContext2D
• CanvasRenderingContext2D.lineTo()
• CanvasRenderingContext2D.stroke()