HTML5移动开发即学即用(双色)
内 容 简 介
HTML5 是取代HTML4 的新一代Web 技术,尽管正式标准还没有发布,但实际上已经被广泛
应用于各智能移动终端设备上,而且绝大部分技术已经被各种最新版本的浏览器所支持。本
书逐一剖析HTML5 标准中包含的最新技术,全书分11 章,详细介绍了HTML5 新标准中提
供的各种API,同时附上了相关的应用实例,方便读者直接掌握这些API 的使用,且大部分
可以直接应用于自己的HTML5 程序中。
2.1.1 Canvas 的规范概要 . 22
2.1.2 Canvas 的基本用法 . 23
2.1.3 第一个Canvas 程序 . 24
2.1.4 路径 26
2.1.5 颜色定义 30
2.1.6 绘制方法介绍 . 33
2.2 绘制渐变效果41
2.2.1 线性渐变与圆形渐变 41
2.2.2 线性渐变 42
2.2.3 圆形渐变 44
2.2.4 Context 的属性 46
2.3 绘制图像47
2.3.1 Canvas 中的图像绘制 47
2.3.2 像素处理 48
2.4 绘制数据图表56
2.4.1 绘制方格图 . 56
2.4.2 数据图表 58
2.5 旋转与变形63
2.5.1 变形方法 63
2.5.2 移动与扩大/缩小 64
2.5.3 变形的保存与恢复 71
2.5.4 旋转 72
2.5.5 变形矩阵 74
2.6 绘制文本81
2.6.1 绘制文本概述 . 81
2.6.2 对齐方式 83
2.6.3 基准线 85
2.6.4 绘制竖线图表 . 86
2.7 Canvas 实现动画效果.92
2.7.1 圆球跳动的动画 . 92
2.7.2 待机动画 94
第3 章 CSS3 基础 96
3.1 CSS3 基础应用.96
3.1.1 阴影 96
3.1.2 颜色的指定 . 99
3.1.3 变形 100
3.2 CSS3 动画102
3.2.1 CSS3 的动画功能基础 . 102
3.2.2 动画的定义方法 . 103
3.3 特效105
3.3.1 圆角 105
3.3.2 渐变效果 106
3.3.3 倒影 .110
3.3.4 多栏目布局 111
第4 章 SVG . 113
4.1 SVG 基础.113
4.1.1 SVG 规范概要 113
4.1.2 SVG 的特征 114
4.1.3 SVG 与Canvas 比较 114
4.1.4 SVG 与HTML.115
4.2 SVG 的语法基础.118
4.2.1 文档类型与根元素.118
4.2.2 SVG 的基本图形 . 121
4.2.3 SVG 的修饰 . 136
4.3 SVG 与JavaScript 结合的实例.141
第5 章 Video & Audio 155
5.1 与概要155
5.1.1 视频与音频处理革命 155
5.1.2 与基础 157
5.2 Video 和Audio 的方法与属性159
5.3 事件以及事件的发生顺序.162
5.3.1 事件概要 162
5.3.2 事件的发生顺序 . 163
5.4 使用Video 实现实时字幕.165
5.4.1 HTML 代码 . 166
5.4.2 脚本代码 168
5.5 视频与Canvas 的组合技巧.171
5.5.1 在Canvas 上绘制视频影像 171
5.5.2 对视频进行黑白影像变换 173
5.5.3 显示加工后的视频 175
5.6 创建简易音频播放器.180
5.6.1 播放音频 181
5.6.2 在脚本中控制音频 182
5.6.3 检查音频文件是否可播放 184
5.6.4 显示播放时间 . 188
5.7 制作乐器演奏程序.191
5.7.1 通过点击演奏 . 192
5.7.2 通过按键演奏 . 194
5.8 制作可变速视频播放器.198
5.8.1 HTML 代码 . 199
5.8.2 实现各按钮功能 . 201
5.8.3 制作控制速度的滑块 202
第6 章 拖放 .205
6.1 拖放基础205
6.1.1 规范概要 205
6.1.2 File API 206
6.1.3 浏览器支持现状 . 206
6.2 网页控件对象的拖放.206
6.2.1 实例概要 207
6.2.2 详细代码 208
6.2.3 事件与dataTransfer . 210
6.2.4 Internat Explorer 中实现方法 213
6.3 桌面文件的拖放实例.217
6.3.1 实例概要 218
6.3.2 详细代码 219
6.3.3 拖放相关事件处理 225
6.3.4 拖入文件的API . 226
6.3.5 读取
1