1、通过快捷方式打开HBuilderX工具，新建一个HTML5页面
2、在<body></body>标签元素内，插入一个div和canvas标签，设置canvas对应的ID属性值
3、接着添加style标签，设置body标签和canvas标签的样式
4、再在<script></script>标签内，添加window.onload，设置canvas绘制矩形
5、保存代码并直接运行，打开浏览器查看页面显示效果
6、将绘制矩形的方法改为调用圆形的方法，然后保存代码
7、再次打开浏览器预览界面效果，可以发现一个椭圆形
