本页使用了标题或全文手工转换

Canvas (HTML元素)

维基百科,自由的百科全书
跳到导航 跳到搜索

Canvas元素是HTML5的一部分,允許指令碼語言動態渲染點陣圖像。

歷史[编辑]

它最初由苹果內部使用自己Mac OS X WebKit推出[1],供應用程序使用像儀表盤的構件和Safari瀏覽器使用。後來,有人利用Gecko核心的瀏覽器(尤其是Mozilla Firefox),Opera[2]Chrome,和網頁超文本應用技術工作小組建議為下一代的網絡技術使用該元素。在介紹Canvas給不同的Web标准社区時,他們有不同的反應。有些人抱怨蘋果公司建設了一個新的專有標準而不是支援未被網絡開發商廣泛接受的SVG標準[3]

範例[编辑]

Canvas是由HTML代碼配合高度和寬度屬性而定義出的可繪製區域。JavaScript代碼可以訪問該區域,類似於其他通用的二維API,通過一套完整的繪圖函數來動態生成圖形。一些可能的用途,包括使用Canvas構造圖形,動畫,遊戲和圖片。如果您要在HTML中加入canvas元素,请将以下代码加入到<body>部分中:

<canvas id="canvas" width="寬度" height="高度">
  您的瀏覽器不支援canvas元素(此訊息在瀏覽器不支援canvas元素時顯示)
</canvas>

參考資料[编辑]

  1. ^ Ian Hixie. Extending HTML. 2004-07-12 [2011-06-13]. 
  2. ^ Opera 9.0 changelog
  3. ^ Ian Hickson remarks regarding canvas and other Apple extensions to HTML