如何使用HTML5中绘图功能绘制三个图形的对角线

1、第一步，首先创建一个HTML5页面，在body标签元素内插入三个div标签，然后在三个di箪滹埘麽v标签依次插入canvas，设置对应的ID、宽度和高度，如下图所示：

3、第三步，保存代码并打开浏览器查看，结果发现矩形出现对角和临边的对角线，如下图所示：

5、第五步，再次保存代码并查看效果，发现圆形斜对角出现一条对角线，连接圆形，如下图所示：