深入理解SVG

艾美利亞·拜拉梅-羅茲 (Amelia Bellamy-Royds), 科特·卡戈 (Kurt Cagle) 劉濤

立即出貨 (庫存 < 3)

買這商品的人也買了...

商品描述

《深入理解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