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座標。