moveTo

Summary

Creates a new subpath with the specified point as its first (and only) point.

Method of apis/canvas/CanvasRenderingContext2D apis/canvas/CanvasRenderingContext2D

Syntax

var object = object.moveTo(x, y);

Parameters

x

Data-type: Number

The x-coordinate, in pixels.

y

Data-type: Number

The y-coordinate, in pixels.

Return Value

Returns an object of type DOM NodeDOM Node

Type: HRESULT

If this method succeeds, it returns S_OK. Otherwise, it returns an HRESULT error code.

Examples

This example uses moveTo to establish a subpath starting point, and then uses lineTo to add line segments.

<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
. . .
<script>
var can = document.getElementById("myCanvas");
var ctxt = can.getContext("2d");
ctxt.beginPath();
ctxt.moveTo(50,75);
ctxt.lineTo(150, 75);
ctxt.lineTo(200, 125);
ctxt.stroke();
</script>

Related specifications

W3C HTML Canvas 2D Context: W3C Candidate Recommendation

Attributions

Microsoft Developer Network: Windows Internet Explorer API reference Article