如何使用HTML5中的canvas绘制矩形和圆角矩形

1、第一步，双击打开HBuilder编辑工具，新建静态页面rect.html，修改title标签内的文字，如下图所示：

3、第三步，在<script></script>内编写生成矩形的代码函数，然后在jQuery初始化函数内调用，如下图所示：

5、第五步，使用ID选择器设置canvas标签元素的样式，边框样式为1px dashed #8A2BE2，圆角为100px，如下图所示：