DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 關於HTML5 Canvas文章的搜集
關於HTML5 Canvas文章的搜集
編輯:HTML和Xhtml     

引進了很多新特性,其中最令人期待的 之一就是 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/。

關於HTML5 Canvas 文章的搜集,以備後用。

基礎知識

  • HTML 5 <canvas> 標簽
  • HTML 5 canvas —— 基本語法
  • HTML5 Canvas使用介紹

使用教程

  • HTML5 Canvas 技巧手冊
  • Canvas 教程 (來自Mozilla開發者中心)
  • Canvas入門( 基本概念,路徑和顏色與漸變)

HTML5 Canvas實驗

HTML5 Canvas for Internet Explorer(讓IE也支持Canvas)

HTML5 測試 (how well does your browser support HTML5?)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved