武林網(www.vevb.com)文章簡介:HTML5中Canvas元素的基礎知識與文章整理.
引進了很多新特性,其中最令人期待的之一就是canvas 元素。 HTML 5 canvas 提供了通過JavaScript 繪製圖形的方法,此方法使用簡單但功能強大。每一個canvas 元素都有一個上下文( context ) (想像成繪圖板上的一頁),在其中可以繪製任意圖形。瀏覽器支持多個canvas 上下文,並通過不同的API 提供圖形繪製功能。 API 提供圖形繪製功能。
既然,這個元素可以用來在HTML頁面中通過JavaScript進行繪製圖形、合成圖像並且還可以做一些簡單的動畫,當然備受業界關注。目前HTML5規範還在草稿階段,正式發布也許要等到2010年,不過現在已經有不少瀏覽器已經支持了部分HTML5規範。目前支持canvas元素的瀏覽器有Firefox3+、Safari4、Chrome2.0+等,因此,在運行本頁中的例子時,請確保你使用的是上述瀏覽器之一。
大部分的瀏覽器都支持2D canvas 上下文-包括Opera, Firefox, Konqueror 和Safari。而且某些版本的Opera 還支持3D canvas ,firefox 也可以通過插件形式支持3D canvas 。我們甚至可以在IE 中使用<canvas> 標記,並在IE 的VML 支持的基礎上用開源的JavaScript 代碼(由Google 發起)來構建兼容性的畫布。 參見:。
關於HTML5 Canvas 文章的蒐集,以備後用。基礎知識使用教程HTML5 Canvas實驗HTML5 Canvas for Internet Explorer(讓IE也支持Canvas)HTML5 測試(how well does your browser support HTML5?)