canvas

1、获取canvas元素，let canvas = document.getElememtById();

2、取得上下文，let context = canvas.getContext("2d")

3、fill(填充）、stroke(绘制边框）

4、fillstyle(填充图形的样式）

     strokeStyle(图形边框的颜色）

5、lineWidth：线宽

6、绘制矩形

（1）、contetxt.fillRect(w,y,width,height);

（2）、contetxt.strokeRect(w,y,width,height);

（3）、content.clearRect(w,y,width,height);：擦点指定矩形的区域，颜色为透明。

7、使用路径

（1）、开始创建路径 ：context.beginPath();

（2）、创建图形的路径；

（3）、路径创建完成后，关闭路径。

（4&#x