Canvas (HTML元素) - Wikiwand
For faster navigation, this Iframe is preloading the Wikiwand page for Canvas (HTML元素).

Canvas (HTML元素)

维基百科,自由的百科全书

此条目可参照英语维基百科相应条目来扩充。若您熟悉来源语言和主题,请协助参考外语维基百科扩充条目。请勿直接提交机械翻译,也不要翻译不可靠、低品质内容。依版权协议,译文需在编辑摘要注明来源,或于讨论页顶部标记((Translated page))标签。

画布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>

参考文献

  1. ^ Ian Hixie. Extending HTML. 2004-07-12 [2011-06-13]. 
  2. ^ Opera 9.0 changelog. [2009-05-28]. (原始内容存档于2012-09-10). 
  3. ^ Ian Hickson remarks regarding canvas and other Apple extensions to HTML
{{bottomLinkPreText}} {{bottomLinkText}}
Canvas (HTML元素)
Listen to this article