使用canvas标签绘制圆形、三角形_按要求在canvas标签中绘制三角形,效果如下图(边框宽度为8px,边框颜色为蓝色)

学习使用canvas标签结合JavaScript脚本代码从网页中绘制圆形、三角形。
一.绘制圆形
1.首先打开一张需要绘制圆形的图片
2.在id名称为text的div中插入canvas标签，并对canvas标签进行属性设置
3.添加JavaScript脚本代码（获取canvas对象、绘制二维图形）
4.创建绘图路径，然后确定为圆形路径，确定圆形中心点位置及半径这些参数，注意是闭合路径
5.设置样式（边框颜色、边框宽度、填充颜色）
6.使用stroke函数绘制填充圆形的边框，使用fill函数来填充这个圆形
7.保存html页面，在浏览器中看一下效果
具体代码及完成图片如下：


二.绘制三角形