Move the drawing cursor with moveTo method

Description

moveTo(x, y) moves to the specified coordinates without drawing.

Example

The following code shows how to move the drawing cursor with moveTo method.


<!DOCTYPE HTML>
<html>
    <head>
        <script>
            window.onload = function(){<!--from w w  w . j av a 2  s. com-->
                var canvas = document.getElementById("myCanvas");
                var context = canvas.getContext("2d");
                
        // set the line width to 10 pixels
                context.lineWidth = 10;
        // set the line color to blue
                context.strokeStyle = "blue";
        // position the drawing cursor
                context.moveTo(50, canvas.height - 50);
        // draw the line
                context.lineTo(canvas.width - 50, 50);
        // make the line visibile with the stroke color
                context.stroke();
            };
        </script>
    </head>
    <body>
        <canvas id="myCanvas" width="600" height="250" style="border:1px solid black;">
        </canvas>
    </body>
</html>