前言
HTML5 Canvas为开发者提供了一个新的机会，利用它仅使用普通的HTML和JavaScript语言就可以在常见的浏览器中创建动画图形。Canvas是HTML5中使用率最高的一部分，它被用于许多演示与游戏。它提供了视觉效果很棒的交互特性，而且它还提供了非常大的*度，几乎允许开发者在浏览器窗口中做任何事情。然而它与JavaScript的传统开发方式不同（与Flash和Silverlight的开发也不同），因此需要仔细进行探索。

如何运行本书中的示例
使用HTML5和Canvas编程最大的好处就是进入的门槛非常低——需要的所有工具就是一个现代浏览器和一个文本编辑器。

为了得到最大兼容性，本书建议读者下载或使用下列最新版本的浏览器，并且排名越前优先级越高。

1．Chrome

2．Safari

3．Opera

4．FireFox

5．Internet Explorer（IE9或更高版本）

本书中的每一个示例都在Google Chrome、Safari和Opera中测试过。在后期开发的示例代码中，FireFox中开始出现一些问题。本书已经尽最大努力确保这些示例可以兼容尽可能多的浏览器，不过这里依然推荐读者使用Google Chrome或Safari浏览器，这样在Canvas获得更多的支持度之前得到最好的效果。

请注意，如果读者使用本书的PDF版本复制粘贴代码，那么许多语句中包含的减号（“-”）会被替换为其他字符，例如连字符。读者可以将这些其他符号替换为减号（“-”），这样代码才能正常工作。

本书建议购买了本书电子版的读者应该仅将书中的代码作为一个参考指南，并且从本书的网站中下载完成的代码。在下载文件中除了代码，还包括所有的图像文件、二进制文件以及可以让示例在浏览器中正常运行的其他资源。
前言
[第1章 HTML5 Canvas简介
1.1　基础的HTML页面 ](https://yq.aliyun.com/articles/97048)
1.2　本书中使用的基础HTML页面
1.3　文档对象模型（DOM）和Canvas
1.4　JavaScript和Canvas
1.5　HTML5 Canvas版“Hello World！”
1.6　用Console.log调试
1.7　2D上下文及其当前状态
1.8　HTML5 Canvas对象
1.9　第二个示例：猜字母
1.10　内容预告
[第2章 在Canvas上绘图
2.1　本章基本文件设置 ](https://yq.aliyun.com/articles/97112)
2.2　基本矩形
2.3　Canvas状态
2.4　使用路径创建线段
2.5　高级路径方法
2.6　在画布上合成
2.7　简单画布变换
2.8　用颜色和渐变填充对象
2.9　用图案填充形状
2.10　创建阴影
2.11　内容预告
第3章　HTML5 Canvas的文本API
第4章　Canvas图像
第5章　数学、物理与动画
第6章　在画布中融合HTML5视频
第7章　使用音频
第8章　画布游戏本质
第9章　位图与声音的结合
第10章　使用PhoneGap制作移动设备游戏
第11章　进一步探索