1. 什么是canvas

• HTML5提供的一種新標簽, ie9才開始支持的
• canvas是一個矩形區域的畫布，可以用JS控制每一個像素在上面繪畫。
• canvas 標簽使用 JavaScript 在網頁上繪制圖像，本身不具備繪圖功能。
• canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法.

2 標簽語法和屬性

• 單位： px，可以設置width和height屬性，否則忽略單位。
• width和hegiht：默認300*150像素（一般情況下都要手動設置width和height）
• 注意：
• 不要用CSS控制它的寬和高,會導致內部圖片被拉伸，
• 重新設置canvas標簽的寬高屬性會讓畫布擦除所有的內容，
• 可以給canvas畫布設置背景色

3 瀏覽器不兼容處理

• ie9以上才支持canvas, 其他chrome、Safari、Opera等都支持

• 只要瀏覽器兼容canvas，那么就會支持絕大部分api(個別最新api除外)

• 移動設備幾乎支持canvas的所有API

• 2d的支持的都非常好，3d（webgl）ie11才支持，其他都支持

• 如果瀏覽器不兼容，最好進行友好提示, 例如

    <canvas id="canvas">
    你的瀏覽器不支持canvas，請升級瀏覽器.瀏覽器不支持，顯示此行文本
    </canvas>
  

• 如果瀏覽器不兼容，可以使用flash等方式進行替換。