什么是Canvas
<canvas> 是一個新的 HTML 元素,這個元素在 HTML5 中被定義。這個元素通常可以被用來在 HTML 頁面中通過 JavaScript 進行繪制圖形、合成圖像等等操作,也可以用來做一些動畫。當然,目前 HTML5 規范還在草稿階段,正式發布也許要等到2010年,不過現在已經有不少瀏覽器已經支持了部分 HTML5 規范。目前支持 canvas 元素的瀏覽器有 Firefox 3+、Safari 4、Chrome 2.0+ 等,因此,在運行本頁中的例子時,請確保你使用的是上述瀏覽器之一。
盡管在 Mozilla 已經有不少關于 Canvas 的教程,我還是決定把自己的學習過程記錄下來。如果覺得我寫的不夠明白,那么你可以在參考資料中找到 Mozilla 網站上 Canvas 教程的鏈接。
另外,可以在這里找到一些有趣的 Canvas 示例。
開始使用 Canvas
使用 Canvas 很簡單,與使用其他 HTML 元素一樣,只需要在頁面中添加一個 <canvas> 標簽即可:
新聞熱點
疑難解答