**
前言
**
作为资深的视频游戏开发人员，我已经习惯于和高性能的编程语言和硬件打交道，因此刚开始我并没有对JavaScript进行图形编程有太高的期望。不过后来发现，实际上JavaScript是一个优秀和高效的编程语言，而且随着更好的浏览器支持、本身的性能提升，以及新的工具库加入，JavaScript还在不断变好。JavaScript结合了HTML5 Canvas等特性，给Web开发人员提供了真正可以不用Adobe Flash等插件的方案。而WebGL等特性则为使用JavaScript和浏览器进行图形编程描绘了非常美好的未来。
这本书的目标读者需要具备一定的JavaScript知识，并且想要学习真正的Web图形编程，而不仅仅依赖于jQuery这样的库做一些动画特效。本书中涵盖了下面这些内容：
- 如何重用和优化代码，包括继承技术和性能优化经验；
- 用普通的DOM操作（DHTML）来构建图形化应用；
- 使用更高级的画布元素；
- 创建视频游戏；
- 创建图形和动画所需的数学；
- 使用谷歌可视化API和画图工具来呈现你的数据；
- 如何有效使用jQuery并开发面向图形的jQuery插件；
- 使用jQuery Mobile创建适合移动设备的图形Web应用；
- 使用PhoneGap将你的Web应用转换为本地Android应用。
目录
**[第2章 DHTML基础
2.1 创建DHTML sprite](https://yq.aliyun.com/articles/95725)**
2.1.1 图像动画
2.1.2 封装和画图抽象
2.1.3 最小化DOM插入和删除
2.1.4 sprite代码
2.1.5 一个简单的sprite应用程序
2.1.6 一个更动态的sprite应用程序
2.2 转为一个jQuery插件
2.3 定时器、速度和帧速率
2.3.1 使用setInterval和setTimeout
2.3.2 定时器精度
2.3.3 保持速度一致
2.4 IE6背景图像缓存
**[第6章 HTML5画布
6.1 画布的支持](https://yq.aliyun.com/articles/95764)**
6.2 位图、矢量图，或两者兼而有之？
6.3 画布限制
6.4 画布与SVG的对比
6.5 画布与Adobe Flash的对比
6.6 画布导出器
6.7 画布绘制基础
6.7.1 画布元素
6.7.2 绘图环境
6.7.3 绘制矩形
6.7.4 绘制直线和曲线的路径
6.7.5 绘制位图图像
6.7.6 颜色、描边和填充
6.8 使用画布创建动画
6.9 画布和递归绘图
6.9.1 画布树的页面布局
6.10 用画布sprites取代DHTMLsprite
6.10.1 新CanvasSprite对象
6.10.2 其他的代码更改
6.11 一个图形使用画布的WebSockets聊天应用
6.11.1 WebSockets优势
6.11.2 WebSockets支持和安全
6.11.3 聊天应用程序
