从0到1:全彩版:HTML5 Canvas动画开发
￥ 58.37 6.5折 ￥ 89.8 全新
库存19件
作者莫振杰
出版社人民邮电出版社
ISBN9787115537065
出版时间2019-06
装帧平装
开本其他
定价89.8元
货号9788217
上书时间2024-11-30
- 在售商品 暂无
- 平均发货时间 6小时
- 好评率 暂无
商品详情
- 品相描述：全新
- 商品描述
-
作者简介
莫振杰 从事前后端开发4年多，开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具以及各种类型网站，业余时间阅读大量靠前外技术书籍，著有多本编程书。现为绿叶学习网的站长，该网站用于分享其前后端开发经验。作者编写分享的原创在线教程在互联网广受网友推崇。 今年又开发了系列前端线上付费课程。
目录
部分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
主编推荐
1.众多前端工程师、高校老师、学生一致； 2.源自阅读量破600万的人气教程； 3.作者根据自己多年的前后端开发经验，详尽介绍了HTML5 Canvas动画开发技术。通过本书，读者可以掌握 Canvas API、大部分动画技术及各种开发技巧。 4.本书配备了书中所有案例的源代码和PPT教学课件，以方便学校老师教学。本书适合作为前端开发人员的参考书，也可以作为大中专院校相关专业的教材及教学参考书。
精彩内容
第 一部分 Canvas 基础 第 1 章 Canvas 概述 3 1.1 Canvas 是什么 3 1.1.1 Canvas 简介 3 1.1.2 Canvas 与SVG 5 1.2 Canvas 元素 5 1.2.1 Canvas 元素简介 6 1.2.2 Canvas 对象 8 第 2 章 直线图形 10 2.1 直线图形简介 10 2.2 直线 10 2.2.1 Canvas 坐标系 10 2.2.2 直线的绘制 11 2.3 矩形 16 2.3.1 描边矩形 16 2.3.2 填充矩形 18 2.3.3 rect() 方法 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.1 arc() 方法画弧线 39 3.3.2 arcTo() 方法画弧线 43 3.4 二次贝塞尔曲线 47 3.5 三次贝塞尔曲线 50 3.6 实战题：绘制扇形 54 第4 章 线条操作 57 4.1 线条操作简介 57 4.2 lineWidth 属性 57 4.3 lineCap 属性 60 4.4 lineJoin 属性 63 4.5 setLineDash() 方法 65 第5 章 文本操作 67 5.1 文本操作简介 67 5.2 文本操作方法 67 5.2.1 strokeText() 方法 68 5.2.2 fillText() 方法 69 5.2.3 measureText() 方法 71 5.3 文本操作属性 73 5.3.1 font 属性 73 5.3.2 textAlign 属性 74 5.3.3 textBaseline 属性 76 第6 章 图片操作 78 6.1 图片操作简介 78 6.2 绘制图片 78 6.2.1 drawImage(image , dx , dy) 78 6.2.2 drawImage(image , dx , dy , dw , dh) 81 6.2.3 drawImage(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.1 translate() 方法 94 7.2.2 clearRect() 方法清空Canvas 98 7.3 图形缩放 99 7.3.1 scale() 方法 99 7.3.2 scale() 方法的负作用 103 7.4 图形旋转 104 7.4.1 rotate() 方法 104 7.4.2 改变旋转中心 107 7.5 变换矩阵 108 7.5.1 transform() 方法 108 7.5.2 setTransform() 方法 113 7.6 深入变形操作 115 7.7 实战题：绘制绚丽的图形 117 7.8 实战题：绘制彩虹 118 第8 章 像素操作 120 8.1 像素操作简介 120 8.1.1 getImageData() 方法 120 8.1.2 putImageData() 方法 121 8.2 反转效果 122 8.3 黑白效果 125 8.4 亮度效果 128 8.5 复古效果 129 8.6 红色蒙版 131 8.7 透明处理 133 8.8 createImageData() 方法 134 第9 章 渐变与阴影 138 9.1 线性渐变 138 9.2 径向渐变 142 9.3 阴影 147 第 10 章 Canvas 路径 152 10.1 什么是路径？ 152 10.2 beginPath() 方法和closePath() 方法 152 10.2.1 beginPath() 方法 152 10.2.2 closePath() 方法 155 10.3 isPointInPath() 方法 161 第 11 章 Canvas 状态 164 11.1 什么是状态 164 11.2 clip() 方法 164 11.3 save() 方法和restore() 方法 167 11.3.1 图形或图片剪切 168 11.3.2 图形或图片变形 170 11.3.3 状态属性的改变 172 第 12 章 其他应用 175 12.1 Canvas 对象 175 12.1.1 Canvas 对象属性 175 12.1.2 Canvas 对象方法 177 12.2 globalAlpha 属性 179 12.3 globalCompositeOperation 属性 180 12.4 strokeStyle 和fillStyle 184 第二部分 Canvas 进阶 第 13 章 事件操作 191 13.1 Canvas 进阶简介 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 第 14 章 物理动画 201 14.1 物理动画简介 201 14.2 三角函数简介 202 14.2.1 什么是三角函数 202 14.2.2 Math.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 第 15 章 边界检测 238 15.1 边界检测简介 238 15.2 边界限制 239 15.3 边界环绕 241 15.4 边界生成 246 15.5 边界反弹 252 第 16 章 碰撞检测 257 16.1 碰撞检测简介 257 16.2 外接矩形判定法 257 16.3 外接圆判定法 265 16.4 多物体碰撞 269 16.4.1 排列组合 269 16.4.2 多物体碰撞 270 第 17 章 用户交互 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 第 18 章 动画 299 18.1 动画简介 299 18.2 缓动动画简介 299 18.3 缓动动画应用 306 18.4 弹性动画简介 310 18.5 弹性动画应用 314 第 19 章 Canvas 游戏开发 319 19.1 Canvas 游戏开发简介 319 19.2 Box2D 简介 320 19.2.1 Box2D 320 19.2.2 Box2DWeb 320 19.3 HTML5 游戏引擎 323 第 20 章 Canvas 图表库 326 20.1 Canvas 图表库简介 326 20.2 ECharts 和HightCharts 327
相关推荐
-
从0到1:全彩版:HTML5 Canvas动画开发
九五品天津
￥ 11.97
-
从0到1:全彩版:HTML5 Canvas动画开发
九品东莞
￥ 4.00
-
从0到1(HTML5Canvas动画开发全彩版)
全新南京
￥ 70.94
-
从0到1 HTML5 Canvas动画开发 全彩版
全新成都
￥ 62.53
-
从0到1:全彩版:HTML5 Canvas动画开发
全新广州
￥ 59.27
-
从0到1 HTML5 Canvas动画开发 全彩版
九品北京
￥ 17.07
-
从0到1 HTML5 Canvas动画开发 全彩版
九品天津
￥ 14.27
-
从0到1 HTML5 Canvas动画开发 全彩版
九品天津
￥ 22.00
-
从0到1 HTML5 Canvas动画开发 全彩版
全新南京
￥ 63.76
-
从0到1 HTML5 Canvas动画开发 全彩版
全新保定
￥ 60.95
— 没有更多了 —
以下为对购买帮助不大的评价