How to use canvas to draw a Line in html5

This article will explain in detail how to use canvas to draw a line on html5. Xiaobian thinks it is quite practical, so share it with you as a reference. I hope you can gain something after reading this article.

var canvas=document.getElementById("canvas"); //Set the drawing environment var cxt=canvas.getContext('2d'); //Open a new road cxt.beginPath(); //Set stroke width cxt.lineWidth=10; //Set stroke color cxt.strokeStyle="#00ff00"; //Set stroke position cxt.moveTo(20,20); //Set the location of the move cxt.lineTo(100,20); //Draw a line cxt.stroke();//the line has already come out at this time //Close Path cxt.closePath(); //Everything path graph must start the path first, after drawing it must end the path

About "html5 how to use canvas to draw a line" this article is shared here, I hope the above content can be of some help to everyone, so that you can learn more knowledge, if you think the article is good, please share it for more people to see.