HTML5移动开发即学即用(双色).pdf

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 读取