中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
Web前端開發精品課-HTML5 Canvas開發詳解 版權信息
- ISBN：9787115450203
- 條形碼：9787115450203 ; 978-7-115-45020-3
- 裝幀：一般膠版紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
Web前端開發精品課-HTML5 Canvas開發詳解 本書特色
全書共分為兩大部分，首部分是Canvas基礎內容，主要學習Canvas API語法，其中包括圖形繪制、線條操作、文本操作、圖片操作、變形操作、像素操作等各種基礎API。第二部分是Canvas進階內容，主要學習Canvas動畫開發，包括事件操作、物理動畫、邊界檢測、碰撞檢測、高級動畫等各種稀有技巧。 除了知識的講解，教程還融入了大量的開發案例，并且更加注重實戰編程思維的培養，為學習者提供一個流暢的學習思路。
Web前端開發精品課-HTML5 Canvas開發詳解 內容簡介
含金量高 前端精品內容薈萃，強化基礎提升實戰技能。 通俗易懂 語言風格輕松幽默，形象生動講解枯燥知識。 系統學習 掌握前端高級技巧，清晰流暢學習進階內容。 貼近讀者 結合自身學習經歷，文字極具溫度不失嚴謹。 直擊痛點 規避開發思維誤區，精煉濃縮直指技術本質。
Web前端開發精品課-HTML5 Canvas開發詳解 目錄
目 錄
**部分 Canvas基礎
第1章 Canvas概述
1.1 Canvas簡介 1
1.1.1 Canvas是什么 1
1.1.2 Canvas與SVG 2
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 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 變形操作簡介 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()方法的負作用 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()和fill() 187
第二部分 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.
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.1 Canvas游戲開發簡介 327
19.2 Box2D簡介 328
19.2.1 Box2D 328
19.2.2 Box2DWeb 328
19.3 HTML5游戲引擎 331
第20章 Canvas圖表庫
20.1 Canvas圖表庫簡介 334
20.2 ECharts和HightCharts 336
**部分 Canvas基礎
第1章 Canvas概述
1.1 Canvas簡介 1
1.1.1 Canvas是什么 1
1.1.2 Canvas與SVG 2
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 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 變形操作簡介 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()方法的負作用 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()和fill() 187
第二部分 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.
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.1 Canvas游戲開發簡介 327
19.2 Box2D簡介 328
19.2.1 Box2D 328
19.2.2 Box2DWeb 328
19.3 HTML5游戲引擎 331
第20章 Canvas圖表庫
20.1 Canvas圖表庫簡介 334
20.2 ECharts和HightCharts 336
展開全部
Web前端開發精品課-HTML5 Canvas開發詳解 作者簡介
2011~2015就讀于暨南大學信科院計算機科學與技術專業，從事前后端開發一年多，開發過綠葉學習網、廣州智能工程研究會網站、大量在線應用工具，業余時間閱讀大量國內外技術書籍。 現為綠葉學習網（http: www.lvyestudy.com）的站長，該網站用于分享自己在前后端開發中的一些經驗，并且制作相關前后端開發的在線教程。這些在線教程在互聯網引起廣泛關注，極大受到網友推崇。本人編寫過大量原創在線教程，每一個教程廣受網友稱贊與推崇。 ? 已經出版的兩本書憑借抓實的內容、清晰的講解，獲得了廣大讀者的一致好評。 《Web前端開發精品課——HTML與CSS 基礎教程》 《Web前端開發精品課 HTML與CSS進階教程》
書友推薦
- >
有舍有得是人生
- >
唐代進士錄
- >
新文學天穹兩巨星--魯迅與胡適/紅燭學術叢書(紅燭學術叢書)
- >
我從未如此眷戀人間
- >
人文閱讀與收藏·良友文學叢書:一天的工作
- >
苦雨齋序跋文-周作人自編集
- >
企鵝口袋書系列·偉大的思想20:論自然選擇(英漢雙語)
- >
中國人在烏蘇里邊疆區:歷史與人類學概述
本類暢銷
