canvas

1.绘图标签

2.设置画布宽和高，使用canvas标签的属性进行设置。

3.兼容性（ie9浏览器以上）

4.Context上下文（2d、3d）getContext（‘2d’或webgl）

5.方法

A，moveTo（x，y）移动

B，lineTo（x，y） 划直线

C，lineWidth：线宽（数字）

D，closePath（）：闭合路径方法

E，stroke（）描边

F，strokeStyle：描边颜色（在描边之前设置描边样式）

G，fillStyle：填充颜色

H，fill（）：填充
6.使用

A，beginPath（）：开启一个新状态，可以继承之前状态的样式（当前状态里面的绘制样式），当前状态设置的所有样式只能用于当前的状态。

B，rect（x，y，宽度，高度）：x为横坐标，y为纵坐标，以及宽高———绘制矩形的方法（四个参数）

矩形strokeRect（x，y，100，150）；填充矩形fillRect（x，y，100，150）；清除矩形 clearRect（x，y，100，150）

C，arc绘制圆形（x，y，r，s，逆时针绘制）（x，y）：圆心坐标，r：半径；s：开始角度，结束角度（弧度）

       弧度和角度转换：角度*Math.PI/180；逆时针：true和false

D，drawImage：绘制图片