|
|
|
|
移动端

1.6.1 文档对象模型(DOM)和Canvas

《H5和WebGL 3D开发实战详解》第1章HTML 5开发基础—进入WebGL 世界的第一道坎,本书是介绍WebGL技术的一本书,但是在进入WebGL世界之前我们需要迈过HTML门槛,因为这是通向WebGL的必经通道。如果连最基本的HTML开发也做不了,那么开发WebGL就是一件遥不可及的事情。本节为大家介绍文档对象模型(DOM)和Canvas。

作者:吴亚峰/于复兴/索依娜来源:人民邮电出版社|2017-10-31 18:45

技术沙龙 | 邀您于8月25日与国美/AWS/转转三位专家共同探讨小程序电商实战

1.6 HTML5 Canvas概述
 
HTML5 Canvas是屏幕上的一个由JavaScript控制的即时模式位图区域。即时模式是指在画布上呈现像素的方式。HTML Canvas通过JavaScript调用Canvas API,在每一帧中完全重绘屏幕上的位图。作为开发人员需要做的就是在每一帧渲染之前设置屏幕的内容显示。

1.6.1 文档对象模型(DOM)和Canvas
 
文档对象模型代表了在HTML页面上的所有对象,它中立于语言中和平台。它允许页面的内容和样式被Web浏览器渲染之后再次更新。用户可以通过JavaScript访问DOM。现在文档对象模型已经成为JavaScript、DHTML和CSS开发最重要的一部分。
 
画布元素本身可以通过DOM,在Web浏览器中经由Canvas 2D环境访问。但是,在Canvas中创建的单个图形元素是不能通过DOM访问的。正如本章前面讲到的,画布工作在即时模式,它并不保存自己的对象,只是说明在单个帧里绘制什么。
 
在使用Canvas之前大家先需要了解两个DOM对象,其中一个对象为document,它包含所有在HTML页面上的HTML标签。
 
另一个对象window是DOM的最高一级,需要对这个对象进行检测来确保开始使用Canvas应用程序之前,已经加载了所有的资源和代码。
 
喜欢的朋友可以添加我们的微信账号:

51CTO读书频道二维码


51CTO读书频道活动讨论群:365934973
【责任编辑:book TEL:(010)68476606】

回书目   上一节   下一节
点赞 0
分享:
大家都在看
猜你喜欢

读 书 +更多

Java (JDK 6)学习笔记

Java学习笔记在JavaWorld技术论坛(http://www.javaworld.com.tw/)和作者的网站(http://caterpillar.onlyfun.net/Gossip/)提供免费下载...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊