三个画矩形的api: 1.fillRect(x,y,width,height)绘制一个填充矩形
2.strokeRect(x,y,width,height)绘制一个矩形边框
3.clearRect(x,y,width,height)清除指定的矩形区域，让清除部分完全透明 上面提供的方法之中每一个都包含了相同的参数。x与y指定了在canvas画布上所绘制的矩形的左上角（相对于原点）的坐标。width和height设置矩形的尺寸
四个api:
1.beginPath()
2.closePath()
3.stroke()
4.fill()
从这个代码中，使用canvas的步骤为： 1.在html中使用canvas，确定好它的长度和宽度，
2.在js代码中通过id拿到这个canvas画布，let canvas = document.getElement("canvas")
3.拿到画布之后，在拿到画布的上下文，let ctx= canvas.getContext("2d");
4.开始画布：ctx.beginPath(),重新画
5.将画笔移动到坐标轴的位置 moveTo
6.从画笔开始的地方画到输入的参数的坐标轴lineTo()
7.如果是画三角形，只需要画两条线就可以，剩下的使用closePath（）来闭合即可
8.再使用stroke()描边 （在填充中使用fill()）就可以替代7，8的操作)
设置颜色的api： fillStyle = color 设置图形的填充颜色。 strokeStyle = color 设置图形轮廓的颜色。 设置透明度值 ctx.globalAlpha = 0.2;
