THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML canvas moveTo() Method

❮ Canvas Object

Example

Begin a path, move to position 0, 0. Create a line to position 300, 150:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
ctx.stroke();
Try it Yourself »

Browser Support

The numbers in the table specify the first browser version that fully supports the method.

Method
moveTo() 4.0 9.0 3.6 4.0 10.1

Definition and Usage

The moveTo() method moves the path to the specified point in the canvas, without creating a line.

Tip: Use the stroke() method to actually draw the path on the canvas.

JavaScript syntax: context.moveTo(x, y);

Parameter Values

Parameter Description Play it
x The x-coordinate of where to move the path to Play it »
y The y-coordinate of where to move the path to Play it »

❮ Canvas Object