SVG精髓(第2版)

SVG精髓(第2版)

《SVG精髓(第2版)》是2019年7月人民郵電出版社出版的圖書,作者是[美]艾森伯格、[加]貝拉米-羅伊斯 。

基本介紹

  • 中文名:SVG精髓(第2版)
  • 作者:[美]艾森伯格、[加]貝拉米-羅伊斯
  • ISBN:9787115402547
  • 頁數:277頁
  • 定價:69元
  • 出版社:人民郵電出版社
  • 出版時間:2019年7月
  • 裝幀:平裝
  • 開本:16開
內容簡介,目錄,

內容簡介

《SVG精髓(第 2版)》通過實例透徹講解了SVG(可縮放矢量圖形)這種標記語言的規範及套用。作者從簡單的SVG套用開始,帶領讀者逐步探索了SVG的複雜功能,包括濾鏡、變換、漸變和模式。從套用層面看,本書涵蓋了動畫、互動圖形和動態SVG編程等技術,不僅能為有經驗的開發人員提供重要參考,同時通過講解基本的XML和CSS技術,為沒有Web開發經驗的讀者提供了入門捷徑。

目錄

前言 xii
第 1 章 入門指南 1
1.1 圖形系統 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 創建一個SVG 圖像 5
1.4.1 文檔結構 5
1.4.2 基本形狀 6
1.4.3 指定樣式屬性 6
1.4.4 圖形對象分組 7
1.4.5 變換坐標系統 8
1.4.6 其他基本圖形 8
1.4.7 路徑 9
1.4.8 文本 10
第 2 章 在網頁中使用SVG 12
2.1 將SVG 作為圖像 12
2.1.1 在 元素內包含SVG 13
2.1.2 在CSS 中包含SVG 14
2.2 將SVG 作為應用程式 15
2.3 混合文檔中的SVG 標記 16
2.3.1 SVG 中的foreign object 16
2.3.2 在XHTML 或者HTML5 中內聯SVG 18
2.3.3 其他XML 應用程式中的SVG 20
第3 章 坐標系統 21
3.1 視口 21
3.2 使用默認用戶坐標 22
3.3 為視口指定用戶坐標 24
3.4 保留寬高比 25
3.4.1 為preserveAspectRatio 指定對齊方式 26
3.4.2 使用meet 說明符 27
3.4.3 使用slice 說明符 28
3.4.4 使用none 說明符 29
3.5 嵌套坐標系統 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 基本形狀總結 44
4.8.1 形狀元素 45
4.8.2 指定顏色 45
4.8.3 筆畫和填充特性 46
第5 章 文檔結構 47
5.1 結構和表現 47
5.2 在SVG 中使用樣式 48
5.2.1 內聯樣式 48
5.2.2 內部樣式表 48
5.2.3 外部樣式表 49
5.2.4 表現屬性 50
5.3 分組和引用對象 51
5.3.1  元素 51
5.3.2  元素 52
5.3.3  元素 53
5.3.4  元素 55
5.3.5  元素 56
第6 章 坐標系統變換 58
6.1 translate 變換 58
6.2 scale 變換 60
6.3 變換序列 63
6.4 技巧:笛卡兒坐標系統轉換 65
6.5 rotate 變換 67
6.6 技巧:圍繞中心點縮放 69
6.7 skewX 和skewY 變換 69
6.8 變換總結 70
6.9 CSS 變換和SVG 71
第7 章 路徑 72
7.1 moveto、lineto 和closepath 72
7.2 相對moveto 和lineto 75
7.3 路徑的捷徑 75
7.3.1 水平和垂直lineto 命令 75
7.3.2 路徑捷徑表示法 76
7.4 橢圓弧 76
7.5 從其他弧線格式轉換 79
7.6.1 二次貝塞爾曲線 80
7.6.2 三次貝塞爾曲線 82
7.7 路徑總結 84
7.8 路徑和填充 84
7.9  元素 85
7.10 標記記錄 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 漸變總結 102
8.3 變換圖案和漸變 103
第9 章 文本 105
9.1 文本的相關術語 105
9.2  元素的基本屬性 106
9.3 文本對齊 108
9.4  元素 109
9.5 設定文本長度 111
9.6 縱向文本 112
9.7 國際化和文本 113
9.7.1 Unicode 和雙向語言 113
9.7.2  元素 114
9.7.3 使用自定義字型 115
9.8 文本路徑 117
9.9 空白和文本 119
9.10 案例學習:為圖形添加文本 120
第 10 章 裁剪和蒙版 122
10.1 裁剪路徑 122
10.2 蒙版 125
10.3 案例學習:為圖形套用蒙版 129
第 11 章 濾鏡 131
11.1 濾鏡的工作原理 131
11.2 創建投影效果 132
11.2.1 建立濾鏡的邊界 132
11.2.2 投影 133
11.2.3 存儲、連結以及合併濾鏡結果 134
11.3 創建發光式投影 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 訪問背景 152
11.11  元素 153
11.12  元素 154
11.13  元素 156
11.14  元素 158
11.15 濾鏡總結 159
第 12 章 SVG 動畫 161
12.1 動畫基礎 162
12.2 動畫時間詳解164
12.3 同步動畫 164
12.4 重複動作 165
12.5 對複雜的屬性套用動畫 166
12.6 指定多個值 167
12.7 多級動畫時間 168
12.8  元素 169
12.9  元素 169
12.10  元素 171
12.11 為運動指定關鍵點和時間 173
12.12 使用CSS 處理SVG 動畫 174
12.12.1 動畫屬性 174
12.12.2 設定動畫關鍵幀 175
12.12.3 CSS 中的動畫運動 176
第 13 章 添加互動 177
13.1 在SVG 中使用連結 177
13.2 控制CSS 動畫 179
13.3 用戶觸發的SMIL 動畫 180
13.4 使用腳本控制SVG 181
13.4.1 事件概覽 183
13.4.2 監聽和回響事件 184
13.4.3 修改多個對象的屬性 185
13.4.4 拖拽對象 188
13.4.5 與HTML 頁面互動 191
13.4.6 創建新元素 195
第 14 章 使用SVG DOM 198
14.1 確定元素的屬性值 198
14.2 SVG 接口方法 203
14.3 使用ECMAScript/JavaScript 創建SVG 207
14.4 使用腳本控制動畫 210
14.5 使用JavaScript 庫 214
14.6 Snap 中的事件處理 219
14.6.1 點擊對象 220
14.6.2 拖拽對象 220
第 15 章 生成SVG 222
15.1 將自定義數據轉換為SVG 223
15.2 使用XSLT 將XML 數據轉換為SVG 226
15.2.1 定義任務 226
15.2.2 XSLT 的工作方式 228
15.2.3 編寫XSL 樣式表 230
附錄A SVG 中需要的XML 知識 238
附錄B 樣式表介紹 249
附錄C 編程概念 255
附錄D 矩陣代數 263
附錄E 創建字型 270
附錄

相關詞條

熱門詞條

聯絡我們