2022-04-19

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 

          先设置颜色再填充 

        设置填充颜色 不然默认为黑色 

在浏览器设置可以随便画画的区域