The lineTo() function
The lineTo() function is a path function used when drawing paths
The lineTo()
function is used whilst drawing paths to the canvas to move
the 'pen' to a new set of coordinates and drawing a line
to the new coordinates. Nothing is actually drawn to the canvas until you
call the stroke()
or fill()
functions. The
color of the line is controlled by setting the
strokeStyle
property and the
width of the line by the lineWidth
property.
Note that only the destination X/Y coordinates are given to this function
- the start X/Y coordinates
are the endpoint of the last drawing operation (eg a moveTo()
or
bezierCurveTo()
operation).
Arguments to the function
- The X coordinate
- The Y coordinate
An example
<script>
window.onload = function ()
{
var canvas = document.getElementById("cvs");
var context = canvas.getContext('2d');
context.beginPath();
context.moveTo(100, 100);
context.lineTo(200, 200);
context.stroke();
}
</script>