计算机科学基础-- Canvas (HTML元素)

Posted STEAM解密

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了计算机科学基础-- Canvas (HTML元素)相关的知识,希望对你有一定的参考价值。

Canvas元素是html5的一部分,允许脚本语言动态渲染位图像。它最初由苹果内部使用自己Mac OS X WebKit推出,供应用程序使用像仪表盘的构件和Safari浏览器使用。后来,有人通过Gecko内核的浏览器(尤其是Mozilla和Firefox),Opera和Chrome,和超文本网络应用技术工作组建议为下一代的网络技术使用该元素。Novell生产的XForms处理器插件作为Internet Explorer插件支持Canvas元素。也有人努力使用VML和javascript在Internet Explorer支持Canvas功能而不需要插件。Google也已开始了一个项目,使用同样的技术在Internet Explorer支持Canvas能力。但Internet Explorer自Internet Explorer 9起已经可以支持canvas元素。


Canvas是由HTML代码配合高度和宽度属性而定义出的可绘制区域。JavaScript代码可以访问该区域,类似于其他通用的二维API,通过一套完整的绘图函数来动态生成图形。


一些可能的用途,包括使用Canvas构造图形,动画,游戏和图片。


如果您要在html中加入canvas元素,请将以下代码加入到<body>部分中: <canvas id = "canvas" width = "宽度" height = "高度">您的浏览器不支持canvas元素(此消息在浏览器不支持canvas元素时显示)</canvas>







以上是关于计算机科学基础-- Canvas (HTML元素)的主要内容,如果未能解决你的问题,请参考以下文章

Canvas基础

图形基础篇02 # 指令式绘图系统:如何用Canvas绘制层次关系图?

图形基础篇02 # 指令式绘图系统:如何用Canvas绘制层次关系图?

canvas基础一

Canvas系列基础入门

Canvas系列基础入门