引進了很多新特性,其中最令人期待的 之一就是 canvas 元素。HTML 5 canvas 提供了通過 JavaScript 繪制圖形的方法,此方法使用簡單但功能強大。每一個 canvas 元素都有一個"上下文( context )" (想象成繪圖板上的一頁),在其中可以繪制任意圖形。浏覽器支持多個 canvas 上下文,並通過不同的 API 提供圖形繪制功能。 API 提供圖形繪制功能。
既然,這個元素可以用來在 HTML 頁面中通過 JavaScript 進行繪制圖形、合成圖像並且還可以做一些簡單的動畫,當然備受業界關注。目 前 HTML5 規范還在草稿階段,正式發布也許要等到2010年,不過現在已經有不少浏覽器已經支持了部分 HTML5 規范。目前支 持 canvas 元素的浏覽器有 Firefox 3+、Safari 4、Chrome 2.0+ 等,因此,在運行本頁中的例子時,請確保你使用的 是上述浏覽器之一。
大部分的浏覽器都支持 2D canvas 上下文——包括 Opera, Firefox, Konqueror 和 Safari。而且某些版本的 Opera 還支持 3D canvas ,firefox 也可以通過插件形式支持 3D canvas 。我們甚至可以在 IE 中使用<canvas> 標記,並在 IE 的 VML 支持的基礎上用開源的 JavaScript 代碼(由 Google 發起)來構建兼容性的畫布。 參見:http://excanvas.sourceforge.net/。