canvas画布

画布canvas
1)什么是画布：
就是html中的一个标签：canvas
2)如何使用？
通过JS来使用
3)JS如何与canvas关联起来
（1）通过getContext("2d")方法来给画布配置画笔，使其具备绘画功能；
var ctx = canvas.getContext("2d") _创建画笔
（2）通过fillStyle/strokeStyle属性来设置画笔的颜色；
fillStyle：设置的是填充体的颜色；
strokeStyle：设置的是线条的颜色；
（3）通过具体的绘图方法来实现图形的绘制：
fillRect()：用来绘制矩形的；
有四个参数，第一和第二个参数，表示的是下笔的坐标值；第三和第四个参数表示的是所绘制矩形的宽和高；
strokeRect()：用来绘制矩形边框线的；
参数与fillRect()方法一致；
（4）createLinearGradient() 方法创建线性的渐变对象
context.createLinearGradient(x0,y0,x1,y1);
第一个值为渐变开始点的X坐标，第二个值为渐变开始点的Y坐标，第三个值为渐变结束点的X坐标，第四个值为渐变结束点的Y坐标。