Html5 draws a line using canvas and html5canvas

Html5 draws a line using canvas and html5canvas
This article is a simple application of html5. Using canvas to draw a line is actually an exercise question after you learn canvas. It is very simple to share with you.

The code is too simple.

The Code is as follows:
Var canvas = document. getElementById ("canvas ");
// Set the drawing environment
Var cxt = canvas. getContext ('2d ');
// Enable new approaches
Cxt. beginPath ();
// Set the stroke width
Cxt. lineWidth = 10;
// Set the stroke color
Cxt. strokeStyle = "#00ff00 ";
// Set the stroke position
Cxt. moveTo (20, 20 );
// Set the Moving position
Cxt. lineTo (100,20 );
// Draw a line
Cxt. stroke (); // The line has come out at this time.
// Close the path
Cxt. closePath ();
// The path graph must start with the path and end with the path.