Canvas是HTML5中用于绘图的元素，但它不具备直接绘图功能，需依赖脚本语言（通常为JavaScript）来实现具体图形绘制操作。
1、 启动HBuilder，点击新建按钮中的加号。
2、 根据需要创建新的Web项目
3、 初始Web项目内容如下所示
4、 打开HTML文件查看内容
5、 创建一个canvas标签，可设置画布尺寸、边框颜色与宽度，以及背景色等基本样式，用于绘制图形或动画内容。
6、 在HBuilder界面右上角启用边改边看功能，可实时预览canvas效果，也可通过点击浏览器图标在外部浏览器中查看页面呈现。
7、 在js文件夹中创建新的空白JavaScript文件，通过编写更多JavaScript代码来实现额外的绘图功能。
8、 在HTML中嵌入该内容
9、 在JS文件里进行详细配置
10、 最终效果如下所示
