svg精髓 第2版 艾森伯格pdf掃描版

svg精髓 第2版是一本W(wǎng)eb開(kāi)發(fā)和設(shè)計(jì)人員手冊(cè)，由美國(guó)程序員艾森伯格和加拿大作家貝拉米共同編著。本書詳盡介紹了可縮放矢量圖形（SVG）技術(shù)。作者將帶你詳細(xì)了解SVG的功能，首先學(xué)習(xí)簡(jiǎn)單的SVG應(yīng)用，如繪制線條，然后逐步探索復(fù)雜的特性，比如濾鏡、變換、漸變和圖案等。其次第2版擴(kuò)展了動(dòng)畫、交互式圖形以及SVG編程等內(nèi)容。交互式的在線示例讓你很容易在Web瀏覽器中實(shí)驗(yàn)SVG的特性，歡迎學(xué)習(xí)svg的朋友免費(fèi)下載閱讀。

內(nèi)容介紹

SVG精髓（第2版）通過(guò)實(shí)例透徹講解了SVG（可縮放矢量圖形）這種標(biāo)記語(yǔ)言的規(guī)范及應(yīng)用。作者從簡(jiǎn)單的SVG應(yīng)用開(kāi)始，帶領(lǐng)讀者逐步探索了SVG的復(fù)雜功能，包括濾鏡、變換、漸變和模式。從應(yīng)用層面看，本書涵蓋了動(dòng)畫、交互圖形和動(dòng)態(tài)SVG編程等技術(shù)，不僅能為有經(jīng)驗(yàn)的開(kāi)發(fā)人員提供重要參考，同時(shí)通過(guò)講解基本的XML和CSS技術(shù)，為沒(méi)有Web開(kāi)發(fā)經(jīng)驗(yàn)的讀者提供了入門捷徑。

章節(jié)目錄

第1 章 入門指南 1
1.1 圖形系統(tǒng) 1
1.1.1 柵格圖形 1
1.1.2 矢量圖形 2
1.1.3 柵格圖形的用途 2
1.1.4 矢量圖形的用途 2
1.2 可縮放 3
1.3 SVG 的作用 5
1.4 創(chuàng)建一個(gè)SVG 圖像 5
1.4.1 文檔結(jié)構(gòu) 5
1.4.2 基本形狀 6
1.4.3 指定樣式屬性 6
1.4.4 圖形對(duì)象分組 7
1.4.5 變換坐標(biāo)系統(tǒng) 8
1.4.6 其他基本圖形 8
1.4.7 路徑 9
1.4.8 文本 10
第2 章 在網(wǎng)頁(yè)中使用SVG 12
2.1 將SVG 作為圖像 12
2.1.1 在 元素內(nèi)包含SVG 13
2.1.2 在CSS 中包含SVG 14
2.2 將SVG 作為應(yīng)用程序 15
2.3 混合文檔中的SVG 標(biāo)記 16
2.3.1 SVG 中的foreign object 16
2.3.2 在XHTML 或者HTML5 中內(nèi)聯(lián)SVG 18
2.3.3 其他XML 應(yīng)用程序中的SVG 20
第3 章 坐標(biāo)系統(tǒng) 21
3.1 視口 21
3.2 使用默認(rèn)用戶坐標(biāo) 22
3.3 為視口指定用戶坐標(biāo) 24
3.4 保留寬高比 25
3.4.1 為preserveAspectRatio 指定對(duì)齊方式 26
3.4.2 使用meet 說(shuō)明符 27
3.4.3 使用slice 說(shuō)明符 28
3.4.4 使用none 說(shuō)明符 29
3.5 嵌套坐標(biāo)系統(tǒng) 29
第4 章 基本形狀 32
4.1 線段 32
4.2 筆畫特性 33
4.2.1 stroke-width 33
4.2.2 筆畫顏色 34
4.2.3 stroke-opacity 35
4.2.4 stroke-dasharray 屬性 36
4.3 矩形 37
4.4 圓和橢圓 39
4.5 多邊形 40
4.6 折線 42
4.7 線帽和線連接 43
4.8 基本形狀總結(jié) 44
4.8.1 形狀元素 45
4.8.2 指定顏色 45
4.8.3 筆畫和填充特性 46
第5 章 文檔結(jié)構(gòu) 47
5.1 結(jié)構(gòu)和表現(xiàn) 47
5.2 在SVG 中使用樣式 48
5.2.1 內(nèi)聯(lián)樣式 48
5.2.2 內(nèi)部樣式表 48
5.2.3 外部樣式表 49
5.2.4 表現(xiàn)屬性 50
5.3 分組和引用對(duì)象 51
5.3.1
元素 51
5.3.2 元素 52
5.3.3 元素 53
5.3.4 元素 55
5.3.5  元素 56
第6 章 坐標(biāo)系統(tǒng)變換 58
6.1 translate 變換 58
6.2 scale 變換 60
6.3 變換序列 63
6.4 技巧：笛卡兒坐標(biāo)系統(tǒng)轉(zhuǎn)換 65
6.5 rotate 變換 67
6.6 技巧：圍繞中心點(diǎn)縮放 69
6.7 skewX 和skewY 變換 69
6.8 變換總結(jié) 70
6.9 CSS 變換和SVG 71
第7 章 路徑 72
7.1 moveto、lineto 和closepath 72
7.2 相對(duì)moveto 和lineto 75
7.3 路徑的快捷方式 75
7.3.1 水平和垂直lineto 命令 75
7.3.2 路徑快捷方式表示法 76
7.4 橢圓弧 76
7.5 從其他弧線格式轉(zhuǎn)換 79
7.6 貝塞爾曲線 79
7.6.1 二次貝塞爾曲線 80
7.6.2 三次貝塞爾曲線 82
7.7 路徑總結(jié) 84
7.8 路徑和填充 84
7.9 元素 85
7.10 標(biāo)記記錄 88
第8 章 圖案和漸變 90
8.1 圖案 90
8.1.1 patternUnits 91
8.1.2 patternContentUnits 92
8.1.3 圖案嵌套 94
8.2 漸變 95
8.2.1 linearGradient 元素 95
8.2.2 radialGradient 元素 99
8.2.3 漸變總結(jié) 102
8.3 變換圖案和漸變 103
第9 章 文本 105
9.1 文本的相關(guān)術(shù)語(yǔ) 105
9.2 元素的基本屬性 106
9.3 文本對(duì)齊 108
9.4 元素 109
9.5 設(shè)置文本長(zhǎng)度 111
9.6 縱向文本 112
9.7 國(guó)際化和文本 113
9.7.1 Unicode 和雙向語(yǔ)言 113
9.7.2 元素 114
9.7.3 使用自定義字體 115
9.8 文本路徑 117
9.9 空白和文本 119
9.10 案例學(xué)習(xí)：為圖形添加文本 120
第10 章 裁剪和蒙版 122
10.1 裁剪路徑 122
10.2 蒙版 125
10.3 案例學(xué)習(xí)：為圖形應(yīng)用蒙版 129
第11 章 濾鏡 131
11.1 濾鏡的工作原理 131
11.2 創(chuàng)建投影效果 132
11.2.1 建立濾鏡的邊界 132
11.2.2 投影133
11.2.3 存儲(chǔ)、鏈接以及合并濾鏡結(jié)果 134
11.3 創(chuàng)建發(fā)光式投影 135
11.3.1 元素 135
11.3.2 詳解 136
11.4 濾鏡 138
11.5 濾鏡 139
11.6 濾鏡 143
11.7 濾鏡 146
11.8 和濾鏡 147
11.9 光照效果 148
11.9.1 漫反射照明 149
11.9.2 鏡面反射照明 150
11.10 訪問(wèn)背景 152
11.11 元素 153
11.12 元素 154
11.13 元素 156
11.14 元素 158
11.15 濾鏡總結(jié) 159
第12 章 SVG 動(dòng)畫 161
12.1 動(dòng)畫基礎(chǔ) 162
12.2 動(dòng)畫時(shí)間詳解164
12.3 同步動(dòng)畫 164
12.4 重復(fù)動(dòng)作 165
12.5 對(duì)復(fù)雜的屬性應(yīng)用動(dòng)畫 166
12.6 指定多個(gè)值 167
12.7 多級(jí)動(dòng)畫時(shí)間 168
12.8 元素 169
12.9 元素 169
12.10 元素 171
12.11 為運(yùn)動(dòng)指定關(guān)鍵點(diǎn)和時(shí)間 173
12.12 使用CSS 處理SVG 動(dòng)畫 174
12.12.1 動(dòng)畫屬性 174
12.12.2 設(shè)置動(dòng)畫關(guān)鍵幀 175
12.12.3 CSS 中的動(dòng)畫運(yùn)動(dòng) 176
第13 章 添加交互 177
13.1 在SVG 中使用鏈接 177
13.2 控制CSS 動(dòng)畫 179
13.3 用戶觸發(fā)的SMIL 動(dòng)畫 180
13.4 使用腳本控制SVG 181
13.4.1 事件概覽 183
13.4.2 監(jiān)聽(tīng)和響應(yīng)事件 184
13.4.3 修改多個(gè)對(duì)象的屬性 185
13.4.4 拖拽對(duì)象 188
13.4.5 與HTML 頁(yè)面交互 191
13.4.6 創(chuàng)建新元素 195
第14 章 使用SVG DOM 198
14.1 確定元素的屬性值 198
14.2 SVG 接口方法 203
14.3 使用ECMAScript/JavaScript 創(chuàng)建SVG 207
14.4 使用腳本控制動(dòng)畫 210
14.5 使用JavaScript 庫(kù) 214
14.6 Snap 中的事件處理 219
14.6.1 點(diǎn)擊對(duì)象 220
14.6.2 拖拽對(duì)象 220
第15 章 生成SVG 222
15.1 將自定義數(shù)據(jù)轉(zhuǎn)換為SVG 223
15.2 使用XSLT 將XML 數(shù)據(jù)轉(zhuǎn)換為SVG 226
15.2.1 定義任務(wù) 226
15.2.2 XSLT 的工作方式 228
15.2.3 編寫XSL 樣式表 230
附錄A SVG 中需要的XML 知識(shí) 238
附錄B 樣式表介紹 249
附錄C 編程概念 255
附錄D 矩陣代數(shù) 263
附錄E 創(chuàng)建字體 270
附錄

使用說(shuō)明

1、下載并解壓，得出pdf文件

2、如果打不開(kāi)本文件，請(qǐng)務(wù)必下載pdf閱讀器

3、安裝后，在打開(kāi)解壓得出的pdf文件

4、雙擊進(jìn)行閱讀