如何使用html5中的canvas绘制线段

1、第一步，在www目录下创建一个文件夹form，在该文件夹下创建文件line.html.

2、第二步，在circle.html中输入canvas标签，通过CSS 设置它的高度、宽度和边框。设置完成后，通过浏览器查看canvas的显示效果。

3、第三步输入javascript代码，绘制直线。首先使用id获取canvas元素，其次创建context对象，最后绘制直线。这主要轼龃晡檗利用了context的方法moveTo(x,y)、lineTo(x,y)，这两个方法主要是确定线段的出发点和目标点；并使用了stokeStyle确定线条的颜色，使用lineWidth确定线条的粗细。

4、完整的代码，展示如下。