HTML5 Canvas開(kāi)發(fā)詳解：Web前端開(kāi)發(fā)精品課

定　價(jià)：￥79.00

作　者：	莫振杰著
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	計(jì)算機(jī)?網(wǎng)絡(luò) 網(wǎng)頁(yè)制作

購(gòu)買(mǎi)這本書(shū)可以去

ISBN：	9787115450203	出版時(shí)間：	2017-03-01	包裝：	平裝
開(kāi)本：	小16開(kāi)	頁(yè)數(shù)：	338	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　全書(shū)共分為兩大部分，首部分是Canvas基礎(chǔ)內(nèi)容，主要學(xué)習(xí)Canvas API語(yǔ)法，其中包括圖形繪制、線條操作、文本操作、圖片操作、變形操作、像素操作等各種基礎(chǔ)API。第二部分是Canvas進(jìn)階內(nèi)容，主要學(xué)習(xí)Canvas動(dòng)畫(huà)開(kāi)發(fā)，包括事件操作、物理動(dòng)畫(huà)、邊界檢測(cè)、碰撞檢測(cè)、高級(jí)動(dòng)畫(huà)等各種稀有技巧。除了知識(shí)的講解，教程還融入了大量的開(kāi)發(fā)案例，并且更加注重實(shí)戰(zhàn)編程思維的培養(yǎng)，為學(xué)習(xí)者提供一個(gè)流暢的學(xué)習(xí)思路。

作者簡(jiǎn)介

　　2011~2015就讀于暨南大學(xué)信科院計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)，從事前后端開(kāi)發(fā)一年多，開(kāi)發(fā)過(guò)綠葉學(xué)習(xí)網(wǎng)、廣州智能工程研究會(huì)網(wǎng)站、大量在線應(yīng)用工具，業(yè)余時(shí)間閱讀大量國(guó)內(nèi)外技術(shù)書(shū)籍。現(xiàn)為綠葉學(xué)習(xí)網(wǎng)（http：//www.lvyestudy.com）的站長(zhǎng)，該網(wǎng)站用于分享自己在前后端開(kāi)發(fā)中的一些經(jīng)驗(yàn)，并且制作相關(guān)前后端開(kāi)發(fā)的在線教程。這些在線教程在互聯(lián)網(wǎng)引起廣泛關(guān)注，極大受到網(wǎng)友推崇。本人編寫(xiě)過(guò)大量原創(chuàng)在線教程，每一個(gè)教程廣受網(wǎng)友稱(chēng)贊與推崇。？已經(jīng)出版的兩本書(shū)憑借抓實(shí)的內(nèi)容、清晰的講解，獲得了廣大讀者的一致好評(píng)?！禬eb前端開(kāi)發(fā)精品課——HTML與CSS 基礎(chǔ)教程》《Web前端開(kāi)發(fā)精品課 HTML與CSS進(jìn)階教程》

圖書(shū)目錄

目　錄
第一部分　Canvas基礎(chǔ)
第1章　Canvas概述
1．1　Canvas簡(jiǎn)介 1
1．1．1　Canvas是什么 1
1．1．2　Canvas與SVG 2
1．2　Canvas元素知識(shí) 3
1．2．1　Canvas元素 4
1．2．2　Canvas對(duì)象 5
第2章　直線圖形
2．1　直線圖形簡(jiǎn)介 8
2．2　直線 8
2．2．1　Canvas坐標(biāo)系 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　訓(xùn)練題：繪制調(diào)色板 31
第3章　曲線圖形
3．1　曲線圖形簡(jiǎn)介 34
3．2　圓形簡(jiǎn)介 34
3．2．1　圓形 34
3．2．2　“描邊”圓 35
3．2．3　“填充”圓 38
3．3　弧線 39
3．3．1　arc()畫(huà)弧線 39
3．3．2　arcTo()畫(huà)弧線 42
3．4　二次貝塞爾曲線 47
3．5　三次貝塞爾曲線 50
3．6　訓(xùn)練題：繪制扇形 53
第4章　線條操作
4．1　線條操作 57
4．2　lineWidth屬性 58
4．3　lineCap屬性 60
4．4　lineJoin屬性 63
4．5　setLineDash()方法 65
第5章　文本操作
5．1　文本操作簡(jiǎn)介 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　圖片操作簡(jiǎn)介 79
6．2　繪制圖片 79
6．2．1　drawImage(image ， dx ， dy) 80
6．2．2　drawImage(image ， dx ， dy ，
dw ， dh) 83
6．2．3　drawImage(image ， sx ， sy ，
sw ，sh， dx ， dy ， dw ， dh) 84
6．3　平鋪圖片 86
6．4　切割圖片 89
6．5　深入圖片操作 92
第7章　變形操作
7．1　變形操作簡(jiǎn)介 95
7．2　圖形平移 96
7．2．1　translate()方法 96
7．2．2　clearRect()方法清空
Canvas 99
7．3　圖形縮放 100
7．3．1　scale()方法 100
7．3．2　scale()方法的負(fù)作用 103
7．4　圖形旋轉(zhuǎn) 105
7．4．1　rotate()方法 105
7．4．2　改變旋轉(zhuǎn)中心 108
7．5　變換矩陣 109
7．5．1　transform()方法 109
7．5．2　setTransform()方法 114
7．6　深入變形操作 116
7．7　訓(xùn)練題：繪制絢麗的圖形 117
7．8　訓(xùn)練題：繪制彩虹 119
第8章　像素操作
8．1　像素操作簡(jiǎn)介 121
8．1．1　getImageData()方法 121
8．1．2　putImageData()方法 122
8．2　反轉(zhuǎn)效果 123
8．3　黑白效果 126
8．4　亮度效果 130
8．5　復(fù)古效果 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　路徑簡(jiǎn)介 156
10．2　beginPath()方法和
closePath()方法 156
10．2．1　beginPath()方法 157
10．2．2　closePath()方法 160
10．3　isPointInPath()方法 165
第11章　Canvas狀態(tài)
11．1　狀態(tài)簡(jiǎn)介 168
11．2　clip()方法 168
11．3　save()方法和restore()方法 171
11．3．1　圖形或圖片剪切 172
11．3．2　圖形或圖片變形 174
11．3．3　狀態(tài)屬性的改變 176
第12章　其他應(yīng)用
12．1　Canvas對(duì)象 178
12．1．1　Canvas對(duì)象屬性 178
12．1．2　Canvas對(duì)象方法 180
12．2　globalAlpha屬性 182
12．3　globalCompositeOperation
屬性 183
12．4　stroke()和fill() 187
第二部分　Canvas進(jìn)階
第13章　事件操作
13．1　Canvas動(dòng)畫(huà)簡(jiǎn)介 191
13．2　鼠標(biāo)事件 192
13．2．1　什么是鼠標(biāo)事件 192
13．2．2　獲取鼠標(biāo)位置 192
13．3　鍵盤(pán)事件 195
13．3．1　什么是鍵盤(pán)事件 195
13．3．2　獲取物體移動(dòng)方向 195
13．4　循環(huán)事件 199
第14章　物理動(dòng)畫(huà)
14．1　物理動(dòng)畫(huà)簡(jiǎn)介 202
14．2　三角函數(shù)簡(jiǎn)介 203
14．2．1　什么是三角函數(shù) 203
14．2．2　Math．a(chǎn)tan()與Math．
atan2() 204
14．3　三角函數(shù)應(yīng)用 210
14．3．1　兩點(diǎn)間的距離 210
14．3．2　圓周運(yùn)動(dòng) 212
14．3．3　波形運(yùn)動(dòng) 217
14．4　勻速運(yùn)動(dòng) 222
14．4．1　什么是勻速運(yùn)動(dòng) 222
14．4．2　速度的合成和分解 224
14．5　加速運(yùn)動(dòng) 227
14．5．1　什么是加速運(yùn)動(dòng) 227
14．5．2　加速度的合成和分解 231
14．6　重力 233
14．6．1　什么是重力 233
14．6．2　重力的應(yīng)用 235
14．7　摩擦力 238
第15章　邊界檢測(cè)
15．1　邊界檢測(cè)簡(jiǎn)介 241
15．2　邊界限制 242
15．3　邊界環(huán)繞 245
15．4　邊界生成 250
15．5　邊界反彈 256
第16章　碰撞檢測(cè)
16．1　碰撞檢測(cè)簡(jiǎn)介 262
16．2　外接矩形判定法 262
16．3　外接圓判定法 271
16．4　多物體碰撞 275
16．4．1　排列組合 275
16．4．2　多物體碰撞 275
第17章　用戶(hù)交互
17．1　用戶(hù)交互簡(jiǎn)介 283
17．2　捕獲物體 284
17．2．1　什么是捕獲物體 284
17．2．2　捕獲靜止物體 285
17．2．3　捕獲運(yùn)動(dòng)物體 287
17．3　拖拽物體 291
17．4　拋擲物體 297
第18章　高級(jí)動(dòng)畫(huà)
18．1　高級(jí)動(dòng)畫(huà)簡(jiǎn)介 306
18．2　緩動(dòng)動(dòng)畫(huà)簡(jiǎn)介 306
18．3　緩動(dòng)動(dòng)畫(huà)應(yīng)用 313
18．4　彈性動(dòng)畫(huà)簡(jiǎn)介 317
18．5　彈性動(dòng)畫(huà)應(yīng)用 323
第19章　Canvas游戲開(kāi)發(fā)
19．1　Canvas游戲開(kāi)發(fā)簡(jiǎn)介 327
19．2　Box2D簡(jiǎn)介 328
19．2．1　Box2D 328
19．2．2　Box2DWeb 328
19．3　HTML5游戲引擎 331
第20章　Canvas圖表庫(kù)
20．1　Canvas圖表庫(kù)簡(jiǎn)介 334
20．2　ECharts和HightCharts 336