html5為我們提供了非常有特色的標籤，canvas標籤為我們可以實現在網頁中畫畫提供了便利，接下來我們列舉他的常用操作。
新建一個html5的文檔，建立一個canvas畫布，設置長寬，這裡需要特別注意，canvas標籤可以在標籤內設置width,height,也能通過css來設置，但是通過css來設置的標籤，當繪製圖形的時候會變形，所以我們建議直接在標籤內設置。
canvas畫布本身不能繪畫，它必須通過javascript來實現它的繪畫功能，getContext('2d'),是它裡面的內部對象，它裡面封裝了繪畫的方法，大家一看見2d是不是很興奮，但是canvas很純潔，並沒有3d功能，我們建立好了模版，可以進行下一步了。
繪製一個矩形，填充顏色，這裡面有兩個知識點，fillStyle fillRect(0,0,100,100),fillRect有四個參數，前兩個代表，x,y，表示位置，後兩個代表長寬。藍色方框就是我們的顯示效果
繪製一個圓型，beginPath ();表示路徑開始，arc(0,0,50,0,Math.PI*2,true);參數解釋前兩個代表xy，第三個代表半徑，第四個代表結束角度，第五個代表圓周率，第五個代表順逆，
我們再做一個複雜的圖形，做一個笑臉
我們已經學習canvas基本的操作了