HTML5新增了canvas元素，可用于绘图，支持多种方法绘制矢量图形。通过具体实例演示其使用方法，逐步说明各操作步骤，帮助理解canvas的强大绘图功能。
1、 双击启动HBuilderX，进入已有Web项目，创建一个新的静态页面文件。
2、 在 body 标签内添加 canvas 元素，并为其设置 id 属性。
3、 调用beginPath()可开始新路径或重置当前路径状态。
4、 重新调用rect()方法，传入x、y、宽度和高度参数，绘制新的矩形。
5、 再次调用stroke()方法，绘制已定义的路径。
6、 保存代码后运行项目，用浏览器打开查看页面效果。
7、 利用canvas的arc()方法可绘制弧线或曲线。
