1、什么是Canvas：
HTML5的canvas元素使用JavaScript在网页上绘制图像
画布是一个矩形区域，可以控制其每一个像素
canvas拥有多种绘制矩形、路径、圆形、字符以及添加图像的方法
2、 ★如果需要闭合路径，开始新的起点路径时，都需要创建和关闭路径
开始创建路径
cav.beginPath();
关闭路径
cav.closePath();
3、 x : 矩形起点横坐标 y : 矩形起点纵坐标
width : 矩形长度height : 矩形高度
cav.rect(x,y,width,height);
4、 cav.fillRect(x,y,width,height) 填充矩形
距离左边100，距离顶部100，宽300，高200
🔺 先设置颜色再填充
设置填充颜色 不然默认为黑色
5、在浏览器设置可以随便画画的区域
