html5应用canvas画1条线

日期:2021-02-25 类型:科技新闻 

关键词:小程序和公众号区别,小程序生成二维码,小程序前端框架,小程序开发商排名,小程序码

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


拷贝编码
编码以下:

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

上一篇:HTML5 canvas基础制图之绘图线条 返回下一篇:没有了