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