編輯推薦
作為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 epub pdf mobi txt 電子書 下載 2024
深入理解SVG 下載 epub mobi pdf txt 電子書