1、第一步，双击打开HBuilder编辑工具，新建静态页面rect.html，修改title标签内的文字，如下图所示：
2、第二步，在<body></body>插入一个div标签，设置padding为100px；然后在div标签内插入canvas元素，设置ID为cas，如下图所示：
3、第三步，在<script></script>内编写生成矩形的代码函数，然后在jQuery初始化函数内调用，如下图所示：
4、第四步，保存代码并预览该静态页面，可以看到一个矩形框，如下图所示：
5、第五步，使用ID选择器设置canvas标签元素的样式，边框样式为1px dashed #8A2BE2，圆角为100px，如下图所示：
6、第六步，再次保存代码并预览该静态页面，可以查看到矩形框显示的效果，如下图所示：
