如何使用HTML5中的canvas绘制不同样式的直线

1、第一步，双击打开HBuilder编辑工具，新建静态页面line.html，如下图所示：

3、第三步，在<script></script>标签编写绘制直线的代码，调用直线的方法，如下图所示：

5、第五步，保存代码并预览该静态页面，查看页面显示的效果，如下图所示：