canvas用于在網頁上繪制圖形。（通常通過腳本語言javascript）

1.在HTML中創建<canvas id='myCanvas'></canvas>

2.在js中獲取canvas??? canvas= document.getElementById('myCanvas');

3.創建context對象（擁有多種繪制路徑.矩形.圓形.字符及添加路徑的方法） context = canvas.getContext('2d');

4.接下來就是各種屬性和方法

4.1顏色.樣式和陰影

屬性：fillstyle,strokestyle,shadowstyle,shadowblur,shadowoffsetX,shadowoffsetY

方法：createLinearGradient(),createPatten(),createRadialGradient(),addColorStop()

4.2線條樣式

屬性：lineCap.lineJoin,lineWidth,lineLimit

方法：rect(),fillRect(),strokeRect(),clearRect()

4.3路徑

方法：fill(),stroke(),beginPath(),move To(),closePath(),line To(),clip(),arc()

4.4轉換

方法：scale(),rotate(),translate(),transform(),setTransform()

4.5文本

屬性：font,textAlign,textBaseline

方法：fillText(),strokeText(),measureText()

4.6圖像繪制

drawImage()