1. 什么是canvas
- HTML5提供的一種新標(biāo)簽, ie9才開始支持的
- canvas是一個矩形區(qū)域的畫布，可以用JS控制每一個像素在上面繪畫。
- canvas 標(biāo)簽使用 JavaScript 在網(wǎng)頁上繪制圖像，本身不具備繪圖功能。
- canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法.
2 標(biāo)簽語法和屬性
- 單位： px，可以設(shè)置width和height屬性，否則忽略單位。
- width和hegiht：默認(rèn)300*150像素（一般情況下都要手動設(shè)置width和height）
- 注意：
- 不要用CSS控制它的寬和高,會導(dǎo)致內(nèi)部圖片被拉伸，
- 重新設(shè)置canvas標(biāo)簽的寬高屬性會讓畫布擦除所有的內(nèi)容，
- 可以給canvas畫布設(shè)置背景色
3 瀏覽器不兼容處理
ie9以上才支持canvas, 其他chrome、Safari、Opera等都支持
只要瀏覽器兼容canvas，那么就會支持絕大部分api(個別最新api除外)
移動設(shè)備幾乎支持canvas的所有API
2d的支持的都非常好，3d（webgl）ie11才支持，其他都支持
-
如果瀏覽器不兼容，最好進(jìn)行友好提示, 例如
<canvas id="canvas"> 你的瀏覽器不支持canvas，請升級瀏覽器.瀏覽器不支持，顯示此行文本 </canvas> 如果瀏覽器不兼容，可以使用flash等方式進(jìn)行替換。
