Canvas常用方法速查

HTML5新增了canvas元素，可用于绘图，支持多种方法绘制矢量图形。通过具体实例演示其使用方法，逐步说明各操作步骤，帮助理解canvas的强大绘图功能。

1、 双击启动HBuilderX，进入已有Web项目，创建一个新的静态页面文件。

2、 在 body 标签内添加 canvas 元素，并为其设置 id 属性。

3、 调用beginPath()可开始新路径或重置当前路径状态。

4、 重新调用rect()方法，传入x、y、宽度和高度参数，绘制新的矩形。

5、 再次调用stroke()方法，绘制已定义的路径。

6、 保存代码后运行项目，用浏览器打开查看页面效果。

7、 利用canvas的arc()方法可绘制弧线或曲线。