編輯推薦
作為W3C的開放標準,SVG被越來越多的開發者所關注。SVG不隻是簡單的矢量圖,還可以加上更復雜的繪畫和更細緻的效果,包括渲染、漸變、應用到文本,甚至可以添加照片。
本書深入介紹SVG繪畫。主要內容如下。
-SVG渲染模型如何實現描邊和填充
-標準顔色的應用,自定義顔色,創建顔色模闆
-透明度的設置
-如何控製綫性漸變在要渲染的形狀內移動
-重復綫性漸變
-磁貼、紋理和圖片圖案
-如何在文本上應用渲染服務
-給渲染服務添加動畫
內容簡介
《深入理解SVG》介紹SVG繪畫,包括基礎知識和如何通過混閤和搭配工具來生成復雜的效果。主要內容包括:把SVG代碼轉換為可視圖形的渲染模型,如何使用顔色,透明度的控製方法以及它對圖片的影響,渲染服務和漸變。
《深入理解SVG》適閤所有想利用SVG提高Web體驗的讀者。
作者簡介
Amelia Bellamy-Royds,W3C SVG工作組特邀專傢,積極參與SVG輔助工作組的工作,並通過Web Platform Docs等在綫社區來幫助促進Web標準和設計的發展。
Kurt Cagle,SVG工作組成員,目前是W3C Xforms工作組特邀專傢,美國國會圖書館XML數據架構師。
劉濤,網絡常用名“武官尚書”,前端開發工程師,目前就職於奇虎360搜索團隊,曾在多個平颱翻譯、原創前端相關文章。熱愛前端,熱愛翻譯,關注前端技術的發展變遷,熱衷於新技術的學習研究。
目錄
第1 章 你應該知道的事 1
1.1 SVG 通過代碼來畫圖 1
1.2 SVG 始終是開源的 2
1.3 SVG 是XML(有時也是HTML) 2
1.4 SVG 是可壓縮的 2
1.5 圖片是形狀的集閤 3
1.6 圖片中可以包含圖片 3
1.7 文本也是藝術 3
1.8 藝術源於數學 3
1.9 SVG 是無數canvas 的有限集 3
1.10 SVG 是有結構的 4
1.11 SVG 是有樣式的 4
1.12 所有好用的標記都基於偉大的DOM 4
1.13 SVG 是可移動的 5
1.14 SVG 在發展變化 5
第2 章 畫傢模型 6
2.1 使用fill 屬性進行填充 7
2.2 使用stroke 屬性描邊 10
2.3 層疊描邊和填充 15
2.4 使用渲染提示屬性 22
第3 章 創建顔色 26
3.1 使用名稱生成朦朧玫瑰紅 26
3.2 彩虹三原色 31
3.3 自定義顔色 34
3.4 混閤和搭配 41
第4 章 透明 44
4.1 穿透樣式 44
4.2 其他效果 49
第5 章 渲染服務 52
5.1 渲染和壁紙 52
5.2 標識資源 53
5.3 純色漸變 56
第6 章 簡單的漸變 61
6.1 逐步漸變 61
6.2 透明漸變 64
6.3 控製顔色變換 65
第7 章 各種形狀和尺寸的漸變 70
7.1 漸變矢量 70
7.2 對象邊界盒 74
7.3 在盒子錶麵繪製 78
7.4 漸變,變換 83
第8 章 重復 92
8.1 如何擴展漸變 92
8.2 無窮漸變映射 94
8.3 非映射重復 95
8.4 在HTML 中使用(復用)漸變 98
第9 章 徑嚮漸變 111
9.1 徑嚮漸變基礎 111
9.2 填充盒子 113
9.3 縮放圓 117
9.4 調整焦點 120
9.5 變換徑嚮漸變 123
9.6 大型漸變 124
第10 章 磁貼與紋理 136
10.1 搭積木 137
10.2 適當拉伸 143
10.3 布局磁貼 146
10.4 變換磁貼 151
第11 章 完美的圖片圖案 158
11.1 層次感 158
11.2 保持原始圖案 162
11.3 SVG 樣式的背景圖片 165
第12 章 有紋理的文本 173
12.1 邊界文本 174
12.2 中途切換樣式 179
第13 章 繪製綫條 184
13.1 超齣邊緣的部分 184
13.2 空盒子 186
13.3 使用坐標空間 192
13.4 有圖案的綫條 196
第14 章 動畫 198
14.1 動畫選項 198
14.2 坐標動畫 204
14.3 交互動畫 208
附錄A 顔色關鍵詞和語法 223
附錄B 元素,元素屬性,樣式屬性 229
作者介紹 236
封麵介紹 236
深入理解SVG 下載 mobi epub pdf txt 電子書 格式