HTML5使用画布绘制线条

本文是HTML5的一个简单应用。用画布画线实际上是学习画布后的练习题。这里有一个超级简单的给你。
代码很简单，不会浪费。
复制代码代码如下所示：
VaR的画布document.getelementbyid（画布）；
设置绘图环境
VaR CXT = canvas.getcontext（二维的）；
打开一条新路
Cxt.beginPath（）；
设置画笔宽度
CXT线宽= 10；
设置/颜色笔触
CXT。strokeStyle =# 00ff00 ；
设置位置
Cxt.moveTo（20,20）；
设置移动位置
Cxt.lineTo（100,20）；
行/行
（CXT。中风）； / /这个时间线已经出来了。
关闭路径
Cxt.closePath（）；
一切都必须开始/图形路径路径，绘制路径必须结束。