這一篇開始討論如何將網頁當作畫布作畫…
<canvas> 標籤支援圖形的描繪功能，它提供描繪圖形所需的物件，透過此繪圖物件支援的方法，經由JavaScript 調用即可進行各種圖形的描繪工作，例如以下這張圖：
下表列舉幾個最基本的方法：
| beginPath() | 開始線條圖形的描繪。 |
| closePath() | 結束線條圖形的描繪。 |
| moveTo() | 移至指定的座標點。 |
| lineTo() | 從目前的座標點到指定的座標點畫一條直線。 |
| rect() | 畫一個矩形。 |
| stroke() | 描繪圖形。 |
| fill() | 描繪圖形並以指定的顏色填滿封閉區域。 |
表列的方法成員支援所要描繪的線條與圖形定義工作，經過相關的設定之後，最後則調用stroke() 方法將定義好的圖形描繪出來，另外請注意最後一個方法fill() ，如果定義的圖形有封閉的區域，則當你調用fill() 並指定所要使用的顏色，這個區域會以指定的顏色填滿。
有了初步的認識，下一篇來談談如何調用表列的方法成員於網頁上描繪各種圖形。