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

Canvas (HTML元素)

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

画布canvas元素HTML5的一部分,允許脚本语言(scripting languages)動態渲染點陣圖像

歷史[编辑]

它最初由苹果內部使用自己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>

参考文献[编辑]