全书共分为两大部分，首部分是Canvas基础内容，主要学习Canvas API语法，其中包括图形绘制、线条操作、文本操作、图片操作、变形操作、像素操作等各种基础API。第二部分是Canvas进阶内容，主要学习Canvas动画开发，包括事件操作、物理动画、边界检测、碰撞检测、不错动画等各种稀有技巧。除了知识的讲解，教程还融入了大量的开发案例，并且更加注重实战编程思维的培养，为学习者提供一个流畅的学习思路。

莫振杰，2011~2015就读于暨南大学信科院计算机科学与技术专业，从事前后端开发一年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具，业余时间阅读大量靠前外技术书籍。现为绿叶学习网的站长，该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程，每一个教程广受网友称赞与推崇。已经出版的两本书凭借抓实的内容、清晰的讲解，获得了广大读者的一致好评。

第一部分Canvas基础
第1章Canvas概述
1.1Canvas简介1
1.1.1Canvas是什么1
1.1.2Canvas与SVG2
1.2Canvas元素知识3
1.2.1Canvas元素4
1.2.2Canvas对象5
第2章直线图形
2.1直线图形简介8
2.2直线8
2.2.1Canvas坐标系8
2.2.2直线的绘制9
2.3矩形14
2.3.1“描边”矩形15
2.3.2“填充”矩形17
2.3.3rect()方法20
2.3.4清空矩形22
2.4多边形25
2.4.1Canvas绘制箭头25
2.4.2Canvas绘制正多边形26
2.4.3五角星29
2.5训练题：绘制调色板31
第3章曲线图形
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()画弧线42
3.4二次贝塞尔曲线47
3.5三次贝塞尔曲线50
3.6训练题：绘制扇形53
第4章线条操作
4.1线条操作57
4.2lineWidth属性58
4.3lineCap属性60
4.4lineJoin属性63
4.5setLineDash()方法65
第5章文本操作
5.1文本操作简介67
5.2文本操作“方法”68
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章图片操作
6.1图片操作简介79
6.2绘制图片79
6.2.1drawImage(image,dx,dy)80
6.2.2drawImage(image,dx,dy,
dw,dh)83
6.2.3drawImage(image,sx,sy,
sw,sh,dx,dy,dw,dh)84
6.3平铺图片86
6.4切割图片89
6.5深入图片操作92
第7章变形操作
7.1变形操作简介95
7.2图形平移96
7.2.1translate()方法96
7.2.2clearRect()方法清空
Canvas99
7.3图形缩放100
7.3.1scale()方法100
7.3.2scale()方法的负作用103
7.4图形旋转105
7.4.1rotate()方法105
7.4.2改变旋转中心108
7.5变换矩阵109
7.5.1transform()方法109
7.5.2setTransform()方法114
7.6深入变形操作116
7.7训练题：绘制绚丽的图形117
7.8训练题：绘制彩虹119
第8章像素操作
8.1像素操作简介121
8.1.1getImageData()方法121
8.1.2putImageData()方法122
8.2反转效果123
8.3黑白效果126
8.4亮度效果130
8.5复古效果131
8.6红色蒙版133
8.7透明处理136
8.8createImageData()方法137
第9章渐变与阴影
9.1线性渐变141
9.2径向渐变145
9.3阴影150
第10章Canvas路径
10.1路径简介156
10.2beginPath()方法和
closePath()方法156
10.2.1beginPath()方法157
10.2.2closePath()方法160
10.3isPointInPath()方法165
第11章Canvas状态
11.1状态简介168
11.2clip()方法168
11.3save()方法和restore()方法171
11.3.1图形或图片剪切172
11.3.2图形或图片变形174
11.3.3状态属性的改变176
第12章其他应用
12.1Canvas对象178
12.1.1Canvas对象属性178
12.1.2Canvas对象方法180
12.2globalAlpha属性182
12.3globalCompositeOperation
属性183
12.4stroke()和fill()187
第二部分Canvas进阶
第13章事件操作
13.1Canvas动画简介191
13.2鼠标事件192
13.2.1什么是鼠标事件192
13.2.2获取鼠标位置192
13.3键盘事件195
13.3.1什么是键盘事件195
13.3.2获取物体移动方向195
13.4循环事件199
第14章物理动画
14.1物理动画简介202
14.2三角函数简介203
14.2.1什么是三角函数203
14.2.2Math.atan()与Math.
atan2()204
14.3三角函数应用210
14.3.1两点间的距离210
14.3.2圆周运动212
14.3.3波形运动217
14.4匀速运动222
14.4.1什么是匀速运动222
14.4.2速度的合成和分解224
14.5加速运动227
14.5.1什么是加速运动227
14.5.2加速度的合成和分解231
14.6重力233
14.6.1什么是重力233
14.6.2重力的应用235
14.7摩擦力238
第15章边界检测
15.1边界检测简介241
15.2边界限制242
15.3边界环绕245
15.4边界生成250
15.5边界反弹256
第16章碰撞检测
16.1碰撞检测简介262
16.2外接矩形判定法262
16.3外接圆判定法271
16.4多物体碰撞275
16.4.1排列组合275
16.4.2多物体碰撞275
第17章用户交互
17.1用户交互简介283
17.2捕获物体284
17.2.1什么是捕获物体284
17.2.2捕获静止物体285
17.2.3捕获运动物体287
17.3拖拽物体291
17.4抛掷物体297
第18章高级动画
18.1高级动画简介306
18.2缓动动画简介306
18.3缓动动画应用313
18.4弹性动画简介317
18.5弹性动画应用323
第19章Canvas游戏开发
19.1Canvas游戏开发简介327
19.2Box2D简介328
19.2.1Box2D328
19.2.2Box2DWeb328
19.3HTML5游戏引擎331
第20章Canvas图表库
20.1Canvas图表库简介334
20.2ECharts和HightCharts336