html5一条线,科技常识：html5使用canvas画一条线

今天小编跟大家讲解下有关html5使用canvas画一条线 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关html5使用canvas画一条线 的相关资料，希望小伙伴们看了有所帮助。

代码太简单了 就不废话了

复制代码代码如下:var canvas=document.getElementById("canvas"); //设置绘图环境 var cxt=canvas.getContext('2d'); //开启新路近 cxt.beginPath(); // 设置笔触的宽度 cxt.lineWidth=10; //设置笔触的颜色 cxt.strokeStyle="#00ff00"; //设定笔触的位置 cxt.moveTo(20,20); //设置移动的位置 cxt.lineTo(100,20); //画线 cxt.stroke();//这个时候的线已经出来了 //关闭路径 cxt.closePath(); //凡事路径图形必须先开始路径,画完之后必须结束路径

来源：爱蒂网

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时候联系我们修改或删除，多谢。