html5应用canvas画1条线

2020-10-12 03:04 jianzhan

编码太简易了,就不空话了


拷贝编码
编码以下:

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();
//凡事相对路径图型务必先刚开始相对路径,画完以后务必完毕相对路径