HTML5怎樣建立畫布？

　　在網頁中，畫布並不是預設存在的，使用者首先需要建立畫布，然後透過一些物件和方法可以在畫布中繪製圖案，下面將分步驟講解使用畫布的方法。

　　1. 建立畫布

　　使用HTML5中的canvas標籤可以在網頁中建立畫布。建立畫布的基本語法格式如下。

　　在上面的語法格式中，canvas標籤用於定義畫布，id屬性用於在JavaScript程式碼中引用畫布。canvas標籤是一個雙標籤，使用者可以在中間輸入文字，當瀏覽器不支援canvas標籤，就會顯示輸入的文字資訊。畫布有width和height兩個屬性用於定義畫布的寬度和高度，取值可以為數字或畫素。

　　建立完成的畫布是透明的，沒有任何樣式，可以使用CSS為其設定邊框、背景等。需要注意的是，設定畫布寬高時，儘量不要使用CSS樣式控制其寬高，否則可能使畫布中的圖案變形。

　　2. 獲取畫布

　　要想在JavaScript中控制畫布，首先要獲取畫布。使用getElementById()方法可以獲取網頁中的畫布物件。例如下面的示例程式碼，就是為了獲取id名為“cavs”的畫布，同時將獲取的畫布物件儲存在變數“canvas”中。

　　3. 準備畫筆

　　有了畫布之後，要開始繪圖，還需要準備一隻畫筆，這支畫筆就是context物件。context物件也被稱為繪製環境，透過該物件，可以在畫布中繪製圖形。context物件可以使用JavaScript指令碼獲得，具體語法如下所示：

　　在上面的語法中，引數“2d”代表畫筆的種類，表示二維繪圖的畫筆，如果繪製三維圖形可以把引數替換為“webgl”，由於三維操作目前還沒有廣泛的應用，這裡瞭解即可。

　　在JavaScript中，我們通常會定義一個變數來儲存獲取的context物件，例如下面的程式碼。

　　如果大家想要學習HTML5或者是正在學習HTML5知識，但是苦於沒有人指導 ，可以關注我，後期分享更多前端知識！