首先我們說說html5中的canvas標籤的含義：
<canvas>標籤定義圖形，比表和其他映像。
<canvas>標籤只是圖形容器，你可以通過多種方法使用canvas繪製路徑,盒、圓、字元以及添加映像。
現在說說如何使用html5<canvas>標記繪圖：
大多數 Canvas 繪圖 API 都沒有定義在 <canvas> 元素本身上，而是定義在通過畫布的 getContext() 方法獲得的一個“繪圖環境”對象上。
Canvas API 也使用了路徑的標記法。但是，路徑由一系列的方法調用來定義，而不是描述為字母和數位字串，比如調用 beginPath() 和 arc() 方法。
一旦定義了路徑，其他的方法，如 fill()，都是對此路徑操作。繪圖環境的各種屬性，比如 fillStyle，說明了這些操作如何使用。
注釋：Canvas API 非常緊湊的一個原因上它沒有對繪製文本提供任何支援。要把文本加入到一個 <canvas> 圖形，必須要麼自己繪製它再用位元影像映像合并它，或者在 <canvas> 上方使用 CSS 定位來覆蓋 HTML 文本。
html5<canvas>標籤的使用：
定義圖形，比表和其他映像。但是<canvas> 標籤只是圖形容器，必須使用指令碼來繪製圖形。標籤通常需要指定一個id屬性 (指令碼中經常引用), width 和 height 屬性定義的畫布的大小,使用 style 屬性來添加邊框.
例如建立一個矩形,正方形。
<!doctype html><html ><head> <meta charset="UTF-8"> <script type="js/index.js"></script> <title>php中文網之畫圖</title></head><body ><canvas id="rectangular" width="200" height="100" style="border:3px solid #adadad;"></canvas><canvas id="square" width="200" height="200" style="border:5px solid #ff88c2;"></canvas></body></html>
效果：
html5中的canvas標籤的總結：
HTML5 canvas這個玩意用通俗的話來講就是一塊用來畫畫的布，不過這不是普通的布，這是個類似於神筆馬良的那個神筆一樣神奇的東西，可以畫出很多精湛美妙的東西。本文就展示兩個基於canvas的炫酷效果，可以讓我們對canvas的潛力有個比較直觀的認識。
個人感覺在canvas有很好的發展的空間，可以預計如果國家的網速如果無壓力的跟上的話，不可質疑的說這將是HTML的天下。。因為在canvas中，他的想象無限思想有多遠那麼他的發展空間就有多遠，當然前提是技術要過硬，當然是我的一個臆想，不過不可否認HTML的強大，不過目前最大的問題就是相容性的問題，同時網速也是一大限制
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
