SVG精髓（第2版） 下載 mobi epub pdf 電子書 2024

☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

編輯推薦

　　《SVG精髓（第2版）》詳盡介紹瞭可縮放矢量圖形（SVG）技術。SVG是一種標記語言，為大多數矢量繪圖程序和交互式Web圖形工具所使用。本書將帶你詳細瞭解SVG的功能，首先學習簡單的SVG應用，如繪製綫條，然後逐步探索復雜的特性，比如濾鏡、變換、漸變和圖案等。
　　本書第2版擴展瞭動畫、交互式圖形以及SVG編程等內容。交互式的在綫示例讓你很容易在Web瀏覽器中實驗SVG的特性。本書還為經驗豐富的設計師準備瞭6個附錄，解釋瞭XML標記和CSS樣式等基本概念，因此即使你沒有網頁設計的經驗，也可以開始學習SVG。
　　通過閱讀本書，你將能夠：
　　為網頁創建高質量、高分辨率的圖形；
　　創建通過搜索引擎或輔助技術易於訪問的圖錶和裝飾性標題；
　　用SVG濛版、濾鏡以及變換給圖形、文本和照片添加藝術效果；
　　用SVG標記動畫繪製圖形，使用CSS和JavaScript添加交互；
　　根據現有的矢量數據或XML數據使用編程語言或XSLT創建SVG。

內容簡介

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

作者簡介

　　J. David Eisenberg，是一名程序員和教師。他開發瞭CSS、JavaScript、CGI、XML和Perl等多門編程課程，並在加州聖何塞常青榖學院教授計算機信息技術課程。他還著有études for Erlang、Let's Read Hiragana以及本書第1版。

　　Amelia Bellamy-Royds，是一位專門從事科學和技術交流的自由撰稿人。她通過參與Web Platform Docs、Stack Exchange和Codepen等在綫社區，幫助推動Web標準和設計。

內頁插圖

精彩書評

　　“早在2002年，我就通過本書的第1版初次瞭解瞭SVG，它對我幫助很大。真的很高興，如今本書針對現代瀏覽器以及新時代的開發者和設計者進行瞭更新升級。”
　　——Doug Schepers，萬維網聯盟SVG工作組成員

目錄

第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　貝塞爾麯綫 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
附錄

精彩書摘

　　首先需要注意的是 rect 元素不再是一個空元素，它裏麵包含瞭動畫元素。
　　animate 元素指定瞭下列信息。
　　attributeNane，動畫中應該持續改變的值；在這裏就是width。
　　attribukType。width屬性是一個XML屬性。另一個常用的attributeType值是CSS，錶示我們想要改變的屬性是一個CSS屬性。如果忽略這一屬性，它的默認值是auto，它首先會搜索CSS屬性，然後纔是XML屬性。
　　屬性的起始（from）和結束（to）值。在這個例子中，起始值是200，結束值是20。from值是可選的；如果不指定，則會使用父元素的值。此外，還有一個by屬性，可以代替to，它是一個從from值開始的偏移量；動畫結束時屬性的值為結束值。
　　動畫的開始時間和持續時間。在這個例子中，時間以秒為單位，通過在數字後麵使用s指定。定義時間的其他方式會在12.2節中描述。
　　動畫結束時做什麼。在這個例子中，持續5秒之後，屬性會“凍結”（freeze）為to值。也就是SMIL fill屬性，它會告訴動畫引擎如何填補剩下的時間。不要把它跟SVG的fill屬性混淆瞭，該屬性用於告訴SVG如何描繪對象。如果我們移除這一行，會使用默認值（remove），5秒的動畫完成之後width屬性會返迴它的原始值200。
　　圖12—1和圖12—2展示瞭動畫的開始和結束階段。它們並不能很好地展示實際效果，因此我們強烈建議你在瀏覽器中試試。
　　……

前言/序言

　　本書將嚮你介紹“可縮放矢量圖形”（Scalable Vector Graphics）技術，即 SVG。SVG 是萬維網聯盟（W3C）的一項推薦標準，它使用 XML 來描述由直綫、麯綫、文本等組成的圖形。這段乾巴巴的定義並不能體現齣 SVG 的作用和它的強大之處。
　　你可以將 SVG 圖形加到 XSL-FO（Extensible Stylesheet Language Formatting Objects）1 文檔中，然後將文檔轉換為 Adobe PDF 格式來獲得更高的印刷質量。地圖和氣象領域的工作者可以使用 SVG 來創建高精度、高質量、可移植的圖形。Web 開發者將 SVG 嵌入網頁來創建高分辨率的響應式圖形，且可以使文件尺寸很小。本書中的所有圖錶最初都是由 SVG 創建的。在學習和使用 SVG 時，你一定能想到這項新技術的一些新的、有趣的使用場景。
　　1一種用於文檔格式的 XML 標記語言，可參見 http://zh.wikipedia.org/wiki/XSL-FO。——譯者
　　本書讀者
　　如果你想做以下事情，就應該讀一讀這本書：
　　在文本編輯器或者 XML 編輯器中創建 SVG 文件
　　從已有的矢量數據創建 SVG 文件
　　將其他 XML 數據轉換為 SVG
　　使用 JavaScript 操作 SVG 文檔對象樹
　　選錯書的讀者
　　如果你隻是想查看 SVG 文件，隻需要安裝一個閱讀器或者 Web 插件，然後下載 SVG 文件查看就可以瞭。這種情況下你並不需要知道背後的原理，除非你想滿足自己強烈的好奇心。
　　如果你想使用帶有 SVG 導齣功能的圖像處理軟件來創建 SVG 文件，那麼隻需要閱讀相關軟件的文檔來學習如何使用軟件的功能就可以瞭。
　　如果你打算繼續閱讀……
　　如果你確實適閤閱讀這本書，那麼你應該瞭解，本書的大部分讀者都是高級用戶，他們很可能有技術背景，而不是圖形設計背景。所以我們不打算在前麵講很多非常基礎的東西，但我們希望沒有 XML 或者程序設計背景的人也能閱讀本書，因此也準備瞭一些介紹性的章節，並將它們放到本書最後的附錄中。如果你沒有使用過 XML 或者樣式錶（這可能包括一些技術人員），也沒有編寫過程序，可能需要先翻到附錄部分。稍後，我們會概述各章和附錄的主要內容。
　　如果你是技術工作者，也需要知道，本書並不能將你變成一位藝術傢，就像一本講字處理算法的書並不能讓你把文章寫得更好一樣。本書將展示 SVG 的很多技術細節，而如果要成為藝術傢，你還需要學習觀察。除瞭本書之外，你還應該讀讀 Betty Edwards 博士的 The New Drawing on the Right Side of the Brain 2。
　　2該書中文版《五天學會繪畫》已由北方文藝齣版社齣版。http://book.douban.com/subject/5263615/。——譯者注
　　本書隻會給齣 SVG 的一些基本信息，如果你想瞭解所有信息，請參考萬維網聯盟的 SVG 規範（http://www.w3.org/Graphics/SVG/Overview.htm8）。
　　關於示例
　　本書中的所有示例，除瞭涉及 HTML 頁麵的之外，全部在運行在 GNU/Linux 係統上的 Batik SVG viewer 軟件中測試通過。Batik SVG viewer 是由 Apache 軟件基金會下的 Batik 項目開發的一款軟件。這款軟件使用 Java 開發，跨平颱，並遵循 Apache 軟件協議開源，可以從http://xmlgraphics.apache.org/batik 下載。
　　書中的所有例子（包括第 2、13 和 14 章中涉及 JavaScript 和 HTML 的例子）通過在 Firefox 和 Chrome 瀏覽器中加載的方式進行瞭測試。對 SVG 高級特性的支持程度取決於瀏覽器。
　　你在看本書中的示例的時候，會發現它們完全沒有任何藝術價值。這是有原因的。首先，每個示例都是為瞭展示 SVG 的一個方麵，那麼它就應該隻展示這一個方麵，而不應該有其他的視覺乾擾。其次，本書作者 David 在看其他書中那些漂亮得不可思議的圖形時感到很沮喪，他心想：“我永遠也畫不齣這麼漂亮的圖。”為瞭不讓你産生同樣的沮喪情緒，我們有意簡化瞭這些示例。當你看到它們的時候，你的第一反應會是：“我可以用 SVG 畫齣比這漂亮得多的東西！”你當然可以，然後你就會動手去畫。


SVG精髓（第2版） 下載 mobi epub pdf txt 電子書 格式

評分☆☆☆☆☆

東西挺好的，就是有點貴

評分☆☆☆☆☆

很好的一本書！物流也很快！

評分☆☆☆☆☆

速度快，書還沒有讀，應該是正品

評分☆☆☆☆☆

入門必備，內容翔實

評分☆☆☆☆☆

內容一般，不如mdn。也不厚，感覺不值這個價錢，一會就翻完瞭

評分☆☆☆☆☆

學svg必備的好書，支持一下

評分☆☆☆☆☆

應該不錯的，現在還沒看，看完再評論哈~

評分☆☆☆☆☆

好書，講得透徹

評分☆☆☆☆☆

很好的一本書，講的比較細，也比較全麵 。

類似圖書 點擊查看全場最低價