热搜：编程 Python Microsoft 编程语言 C++

html5如何使用canvas画一条线

发布时间：2023-01-02 04:04:13 来源：网络

.

风景旧曾谙，阳春三月归;烟云十年后，又见江南花。夜晚的这一刻，我独赏风景。有很多人觉得，一个人旅行好无聊。可我却偏偏喜欢一个人。

代码太简单了，就不废话了

复制代码

代码如下:

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画一条线。每天醒来，面朝阳光，嘴角上扬。不羡慕谁，不讨好谁，默默努力，活成自己想要的模样！更多关于html5如何使用canvas画一条线请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 画一