新書推薦:
《
紫云村(史杰鹏笔下大唐小吏的生死逃亡,新历史主义小说见微之作,附赠5张与小说内容高度契合的宣纸彩插)
》
售價:NT$
449.0
《
现代吴语的研究(中华现代学术名著3)
》
售價:NT$
296.0
《
天下的当代性:世界秩序的实践与想象(新版)
》
售價:NT$
352.0
《
德国天才4:断裂与承续
》
售價:NT$
500.0
《
妈妈的情绪,决定孩子的未来
》
售價:NT$
194.0
《
推拿纲目
》
售價:NT$
1836.0
《
精致考古--山东大学实验室考古项目论文集(一)
》
售價:NT$
1112.0
《
从天下到世界——国际法与晚清中国的主权意识
》
售價:NT$
347.0
|
編輯推薦: |
含金量高 前端精品内容荟萃,强化基础提升实战技能。 通俗易懂 语言风格轻松幽默,形象生动讲解枯燥知识。 系统学习 掌握前端高级技巧,清晰流畅学习进阶内容。 贴近读者 结合自身学习经历,文字极具温度不失严谨。 直击痛点 规避开发思维误区,精炼浓缩直指技术本质。
|
內容簡介: |
全书共分为两大部分,首部分是Canvas基础内容,主要学习Canvas API语法,其中包括图形绘制、线条操作、文本操作、图片操作、变形操作、像素操作等各种基础API。第二部分是Canvas进阶内容,主要学习Canvas动画开发,包括事件操作、物理动画、边界检测、碰撞检测、高级动画等各种稀有技巧。 除了知识的讲解,教程还融入了大量的开发案例,并且更加注重实战编程思维的培养,为学习者提供一个流畅的学习思路。
|
關於作者: |
2011~2015就读于暨南大学信科院计算机科学与技术专业,从事前后端开发一年多,开发过绿叶学习网、广州智能工程研究会网站、大量在线应用工具,业余时间阅读大量国内外技术书籍。 现为绿叶学习网(http:www.lvyestudy.com)的站长,该网站用于分享自己在前后端开发中的一些经验,并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注,极大受到网友推崇。本人编写过大量原创在线教程,每一个教程广受网友称赞与推崇。 ? 已经出版的两本书凭借抓实的内容、清晰的讲解,获得了广大读者的一致好评。 《Web前端开发精品课HTML与CSS 基础教程》 《Web前端开发精品课 HTML与CSS进阶教程》
|
目錄:
|
目 录
第一部分 Canvas基础
第1章 Canvas概述
1.1 Canvas简介1
1.1.1 Canvas是什么1
1.1.2 Canvas与SVG2
1.2 Canvas元素知识3
1.2.1 Canvas元素4
1.2.2 Canvas对象5
第2章 直线图形
2.1 直线图形简介8
2.2 直线8
2.2.1 Canvas坐标系8
2.2.2 直线的绘制9
2.3 矩形14
2.3.1 描边矩形15
2.3.2 填充矩形17
2.3.3 rect方法20
2.3.4 清空矩形22
2.4 多边形25
2.4.1 Canvas绘制箭头25
2.4.2 Canvas绘制正多边形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.1 arc画弧线39
3.3.2 arcTo画弧线42
3.4 二次贝塞尔曲线47
3.5 三次贝塞尔曲线50
3.6 训练题:绘制扇形53
第4章 线条操作
4.1 线条操作57
4.2 lineWidth属性58
4.3 lineCap属性60
4.4 lineJoin属性63
4.5 setLineDash方法65
第5章 文本操作
5.1 文本操作简介67
5.2 文本操作方法68
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章 图片操作
6.1 图片操作简介79
6.2 绘制图片79
6.2.1 drawImageimage , dx , dy 80
6.2.2 drawImageimage , dx , dy ,
dw , dh 83
6.2.3 drawImageimage , sx , sy ,
sw ,sh, dx , dy , dw , dh84
6.3 平铺图片86
6.4 切割图片89
6.5 深入图片操作92
第7章 变形操作
7.1 变形操作简介95
7.2 图形平移96
7.2.1 translate方法96
7.2.2 clearRect方法清空
Canvas99
7.3 图形缩放100
7.3.1 scale方法100
7.3.2 scale方法的负作用103
7.4 图形旋转105
7.4.1 rotate方法105
7.4.2 改变旋转中心108
7.5 变换矩阵109
7.5.1 transform方法109
7.5.2 setTransform方法114
7.6 深入变形操作 116
7.7 训练题:绘制绚丽的图形117
7.8 训练题:绘制彩虹119
第8章 像素操作
8.1 像素操作简介121
8.1.1 getImageData方法121
8.1.2 putImageData方法122
8.2 反转效果123
8.3 黑白效果126
8.4 亮度效果130
8.5 复古效果131
8.6 红色蒙版133
8.7 透明处理136
8.8 createImageData方法137
第9章 渐变与阴影
9.1 线性渐变141
9.2 径向渐变145
9.3 阴影150
第10章 Canvas路径
10.1 路径简介156
10.2 beginPath方法和
closePath方法156
10.2.1 beginPath方法157
10.2.2 closePath方法160
10.3 isPointInPath方法165
第11章 Canvas状态
11.1 状态简介168
11.2 clip方法168
11.3 save方法和restore方法171
11.3.1 图形或图片剪切172
11.3.2 图形或图片变形174
11.3.3 状态属性的改变176
第12章 其他应用
12.1 Canvas对象178
12.1.1 Canvas对象属性178
12.1.2 Canvas对象方法180
12.2 globalAlpha属性182
12.3 globalCompositeOperation
属性183
12.4 stroke和fill187
第二部分 Canvas进阶
第13章 事件操作
13.1 Canvas动画简介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.2 Math.atan与Math.
atan2204
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.1 Canvas游戏开发简介327
19.2 Box2D简介328
19.2.1 Box2D328
19.2.2 Box2DWeb328
19.3 HTML5游戏引擎331
第20章 Canvas图表库
20.1 Canvas图表库简介334
20.2 ECharts和HightCharts336
|
|