作者根据自己多年的前后端开发经验，详尽介绍了HTML5 Canvas动画开发技术。本书分为两大部分：部分介绍Canvas基础知识，主要包括Canvas概述、直线图形、曲线图形、线条操作、文本操作、图片操作、变形操作、像素操作、渐变与阴影、Canvas路径、Canvas状态及其他应用；第二部分介绍Canvas进阶知识，主要包括事件操作、物理动画、边界检测、碰撞检测、用户交互、不错动画、Canvas游戏开发、Canvas图表库。此外，本书还配备了书中所有案例的源代码和PPT教学课件，以方便学校老师教学。本书适合作为前端开发人员的参考书，也可以作为各类院校相关专业的教材及教学参考书。

部分Canvas基础
章Canvas概述3
1.1Canvas是什么3
1.1.1Canvas简介3
1.1.2Canvas与SVG5
1.2Canvas元素5
1.2.1Canvas元素简介6
1.2.2Canvas对象8
第2章直线图形10
2.1直线图形简介10
2.2直线10
2.2.1Canvas坐标系10
2.2.2直线的绘制11
2.3矩形16
2.3.1描边矩形16
2.3.2填充矩形18
2.3.3rect()方法22
2.3.4清空矩形24
2.4多边形26
2.4.1箭头26
2.4.2正多边形27
2.4.3五角星30
2.5实战题：绘制调色板31
第3章曲线图形34
3.1曲线图形简介34
3.2圆形34
3.2.1圆形简介34
3.2.2描边圆35
3.2.3填充圆38
3.3弧线39
3.3.1arc()方法画弧线39
3.3.2arcTo()方法画弧线43
3.4二次贝塞尔曲线47
3.5三次贝塞尔曲线50
3.6实战题：绘制扇形54
第4章线条操作57
4.1线条操作简介57
4.2lineWidth属性57
4.3lineCap属性60
4.4lineJoin属性63
4.5setLineDash()方法65
第5章文本操作67
5.1文本操作简介67
5.2文本操作方法67
5.2.1strokeText()方法68
5.2.2fillText()方法69
5.2.3measureText()方法71
5.3文本操作属性73
5.3.1font属性73
5.3.2textAlign属性74
5.3.3textBaseline属性76
第6章图片操作78
6.1图片操作简介78
6.2绘制图片78
6.2.1drawImage(image，dx，dy)78
6.2.2drawImage(image，dx，dy，dw，dh)81
6.2.3drawImage(image，sx，sy，sw，sh，dx，dy，dw，dh)83
6.3平铺图片85
6.4切割图片88
6.5深入图片操作91
第7章变形操作94
7.1变形操作简介94
7.2图形平移94
7.2.1translate()方法94
7.2.2clearRect()方法清空Canvas98
7.3图形缩放99
7.3.1scale()方法99
7.3.2scale()方法的负作用103
7.4图形旋转104
7.4.1rotate()方法104
7.4.2改变旋转中心107
7.5变换矩阵108
7.5.1transform()方法108
7.5.2setTransform()方法113
7.6深入变形操作115
7.7实战题：绘制绚丽的图形117
7.8实战题：绘制彩虹118
第8章像素操作120
8.1像素操作简介120
8.1.1getImageData()方法120
8.1.2putImageData()方法121
8.2反转效果122
8.3黑白效果125
8.4亮度效果128
8.5复古效果129
8.6红色蒙版131
8.7透明处理133
8.8createImageData()方法134
第9章渐变与阴影138
9.1线性渐变138
9.2径向渐变142
9.3阴影147
0章Canvas路径152
10.1什么是路径？152
10.2beginPath()方法和closePath()
方法152
10.2.1beginPath()方法152
10.2.2closePath()方法155
10.3isPointInPath()方法161
1章Canvas状态164
11.1什么是状态164
11.2clip()方法164
11.3save()方法和restore()方法167
11.3.1图形或图片剪切168
11.3.2图形或图片变形170
11.3.3状态属性的改变172
2章其他应用175
12.1Canvas对象175
12.1.1Canvas对象属性175
12.1.2Canvas对象方法177
12.2globalAlpha属性179
12.3globalCompositeOperation属性180
12.4strokeStyle和fillStyle184
第二部分Canvas进阶
3章事件操作191
13.1Canvas进阶简介191
13.2鼠标事件191
13.2.1鼠标事件简介191
13.2.2获取鼠标指针位置192
13.3键盘事件194
从0到1系列图书目录2
13.3.1键盘事件简介194
13.3.2获取物体移动方向195
13.4循环事件198
4章物理动画201
14.1物理动画简介201
14.2三角函数简介202
14.2.1什么是三角函数202
14.2.2Math.atan()与Math.atan2()203
14.3三角函数应用208
14.3.1两点间距离208
14.3.2圆周运动210
14.3.3波形运动215
14.4匀速运动220
14.4.1匀速运动简介220
14.4.2速度的合成和分解221
14.5加速运动225
14.5.1加速运动简介225
14.5.2加速度的合成和分解228
14.6重力230
14.6.1重力简介230
14.6.2重力应用231
14.7摩擦力235
5章边界检测238
15.1边界检测简介238
15.2边界限制239
15.3边界环绕241
15.4边界生成246
15.5边界反弹252
6章碰撞检测257
16.1碰撞检测简介257
16.2外接矩形判定法257
16.3外接圆判定法265
16.4多物体碰撞269
16.4.1排列组合269
16.4.2多物体碰撞270
7章用户交互277
17.1用户交互简介277
17.2捕获物体277
17.2.1捕获物体简介277
17.2.2捕获静止物体279
17.2.3捕获运动物体281
17.3拖曳物体285
17.4抛掷物体290
8章不错动画299
18.1不错动画简介299
18.2缓动动画简介299
18.3缓动动画应用306
18.4弹性动画简介310
18.5弹性动画应用314
9章Canvas游戏开发319
19.1Canvas游戏开发简介319
19.2Box2D简介320
19.2.1Box2D320
19.2.2Box2DWeb320
19.3HTML5游戏引擎323
第20章Canvas图表库326
20.1Canvas图表库简介326
20.2ECharts和HightCharts327