svg精髓 第2版是一本W(wǎng)eb開發(fā)和設(shè)計(jì)人員手冊(cè),由美國程序員艾森伯格和加拿大作家貝拉米共同編著。本書詳盡介紹了可縮放矢量圖形(SVG)技術(shù)。作者將帶你詳細(xì)了解SVG的功能,首先學(xué)習(xí)簡(jiǎn)單的SVG應(yīng)用,如繪制線條,然后逐步探索復(fù)雜的特性,比如濾鏡、變換、漸變和圖案等。其次第2版擴(kuò)展了動(dòng)畫、交互式圖形以及SVG編程等內(nèi)容。交互式的在線示例讓你很容易在Web瀏覽器中實(shí)驗(yàn)SVG的特性,歡迎學(xué)習(xí)svg的朋友免費(fèi)下載閱讀。
內(nèi)容介紹
SVG精髓(第2版)通過實(shí)例透徹講解了SVG(可縮放矢量圖形)這種標(biāo)記語言的規(guī)范及應(yīng)用。作者從簡(jiǎn)單的SVG應(yīng)用開始,帶領(lǐng)讀者逐步探索了SVG的復(fù)雜功能,包括濾鏡、變換、漸變和模式。從應(yīng)用層面看,本書涵蓋了動(dòng)畫、交互圖形和動(dòng)態(tài)SVG編程等技術(shù),不僅能為有經(jīng)驗(yàn)的開發(fā)人員提供重要參考,同時(shí)通過講解基本的XML和CSS技術(shù),為沒有Web開發(fā)經(jīng)驗(yàn)的讀者提供了入門捷徑。
章節(jié)目錄
第1 章 入門指南 1 1.1 圖形系統(tǒng) 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 創(chuàng)建一個(gè)SVG 圖像 5 1.4.1 文檔結(jié)構(gòu) 5 1.4.2 基本形狀 6 1.4.3 指定樣式屬性 6 1.4.4 圖形對(duì)象分組 7 1.4.5 變換坐標(biāo)系統(tǒng) 8 1.4.6 其他基本圖形 8 1.4.7 路徑 9 1.4.8 文本 10 第2 章 在網(wǎng)頁中使用SVG 12 2.1 將SVG 作為圖像 12 2.1.1 在 元素內(nèi)包含SVG 13 2.1.2 在CSS 中包含SVG 14 2.2 將SVG 作為應(yīng)用程序 15 2.3 混合文檔中的SVG 標(biāo)記 16 2.3.1 SVG 中的foreign object 16 2.3.2 在XHTML 或者HTML5 中內(nèi)聯(lián)SVG 18 2.3.3 其他XML 應(yīng)用程序中的SVG 20 第3 章 坐標(biāo)系統(tǒng) 21 3.1 視口 21 3.2 使用默認(rèn)用戶坐標(biāo) 22 3.3 為視口指定用戶坐標(biāo) 24 3.4 保留寬高比 25 3.4.1 為preserveAspectRatio 指定對(duì)齊方式 26 3.4.2 使用meet 說明符 27 3.4.3 使用slice 說明符 28 3.4.4 使用none 說明符 29 3.5 嵌套坐標(biāo)系統(tǒng) 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 基本形狀總結(jié) 44 4.8.1 形狀元素 45 4.8.2 指定顏色 45 4.8.3 筆畫和填充特性 46 第5 章 文檔結(jié)構(gòu) 47 5.1 結(jié)構(gòu)和表現(xiàn) 47 5.2 在SVG 中使用樣式 48 5.2.1 內(nèi)聯(lián)樣式 48 5.2.2 內(nèi)部樣式表 48 5.2.3 外部樣式表 49 5.2.4 表現(xiàn)屬性 50 5.3 分組和引用對(duì)象 51 5.3.1 元素 51 5.3.2 元素 52 5.3.3 元素 53 5.3.4 元素 55 5.3.5 元素 56 第6 章 坐標(biāo)系統(tǒng)變換 58 6.1 translate 變換 58 6.2 scale 變換 60 6.3 變換序列 63 6.4 技巧:笛卡兒坐標(biāo)系統(tǒng)轉(zhuǎn)換 65 6.5 rotate 變換 67 6.6 技巧:圍繞中心點(diǎn)縮放 69 6.7 skewX 和skewY 變換 69 6.8 變換總結(jié) 70 6.9 CSS 變換和SVG 71 第7 章 路徑 72 7.1 moveto、lineto 和closepath 72 7.2 相對(duì)moveto 和lineto 75 7.3 路徑的快捷方式 75 7.3.1 水平和垂直lineto 命令 75 7.3.2 路徑快捷方式表示法 76 7.4 橢圓弧 76 7.5 從其他弧線格式轉(zhuǎn)換 79 7.6 貝塞爾曲線 79 7.6.1 二次貝塞爾曲線 80 7.6.2 三次貝塞爾曲線 82 7.7 路徑總結(jié) 84 7.8 路徑和填充 84 7.9 元素 85 7.10 標(biāo)記記錄 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 漸變總結(jié) 102 8.3 變換圖案和漸變 103 第9 章 文本 105 9.1 文本的相關(guān)術(shù)語 105 9.2 元素的基本屬性 106 9.3 文本對(duì)齊 108 9.4 元素 109 9.5 設(shè)置文本長(zhǎng)度 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 案例學(xué)習(xí):為圖形添加文本 120 第10 章 裁剪和蒙版 122 10.1 裁剪路徑 122 10.2 蒙版 125 10.3 案例學(xué)習(xí):為圖形應(yīng)用蒙版 129 第11 章 濾鏡 131 11.1 濾鏡的工作原理 131 11.2 創(chuàng)建投影效果 132 11.2.1 建立濾鏡的邊界 132 11.2.2 投影133 11.2.3 存儲(chǔ)、鏈接以及合并濾鏡結(jié)果 134 11.3 創(chuàng)建發(fā)光式投影 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 濾鏡總結(jié) 159 第12 章 SVG 動(dòng)畫 161 12.1 動(dòng)畫基礎(chǔ) 162 12.2 動(dòng)畫時(shí)間詳解164 12.3 同步動(dòng)畫 164 12.4 重復(fù)動(dòng)作 165 12.5 對(duì)復(fù)雜的屬性應(yīng)用動(dòng)畫 166 12.6 指定多個(gè)值 167 12.7 多級(jí)動(dòng)畫時(shí)間 168 12.8 元素 169 12.9 元素 169 12.10 元素 171 12.11 為運(yùn)動(dòng)指定關(guān)鍵點(diǎn)和時(shí)間 173 12.12 使用CSS 處理SVG 動(dòng)畫 174 12.12.1 動(dòng)畫屬性 174 12.12.2 設(shè)置動(dòng)畫關(guān)鍵幀 175 12.12.3 CSS 中的動(dòng)畫運(yùn)動(dòng) 176 第13 章 添加交互 177 13.1 在SVG 中使用鏈接 177 13.2 控制CSS 動(dòng)畫 179 13.3 用戶觸發(fā)的SMIL 動(dòng)畫 180 13.4 使用腳本控制SVG 181 13.4.1 事件概覽 183 13.4.2 監(jiān)聽和響應(yīng)事件 184 13.4.3 修改多個(gè)對(duì)象的屬性 185 13.4.4 拖拽對(duì)象 188 13.4.5 與HTML 頁面交互 191 13.4.6 創(chuàng)建新元素 195 第14 章 使用SVG DOM 198 14.1 確定元素的屬性值 198 14.2 SVG 接口方法 203 14.3 使用ECMAScript/JavaScript 創(chuàng)建SVG 207 14.4 使用腳本控制動(dòng)畫 210 14.5 使用JavaScript 庫 214 14.6 Snap 中的事件處理 219 14.6.1 點(diǎn)擊對(duì)象 220 14.6.2 拖拽對(duì)象 220 第15 章 生成SVG 222 15.1 將自定義數(shù)據(jù)轉(zhuǎn)換為SVG 223 15.2 使用XSLT 將XML 數(shù)據(jù)轉(zhuǎn)換為SVG 226 15.2.1 定義任務(wù) 226 15.2.2 XSLT 的工作方式 228 15.2.3 編寫XSL 樣式表 230 附錄A SVG 中需要的XML 知識(shí) 238 附錄B 樣式表介紹 249 附錄C 編程概念 255 附錄D 矩陣代數(shù) 263 附錄E 創(chuàng)建字體 270 附錄
使用說明
1、下載并解壓,得出pdf文件
2、如果打不開本文件,請(qǐng)務(wù)必下載pdf閱讀器
3、安裝后,在打開解壓得出的pdf文件
4、雙擊進(jìn)行閱讀
- 下載地址
發(fā)表評(píng)論
0條評(píng)論軟件排行榜
熱門推薦
- 有柿電腦版 v11.5.784.12M / 簡(jiǎn)體中文
- 網(wǎng)易新聞電腦版 v112.697.63M / 簡(jiǎn)體中文
- 瀟湘書院電腦版 v2.3.11.888官方版49.65M / 簡(jiǎn)體中文
- 數(shù)據(jù)挖掘?qū)д?官方版61.61M / 簡(jiǎn)體中文
- 開源閱讀電腦版 v3.2517.96M / 簡(jiǎn)體中文
- 京東讀書電腦版 v1.13.4官方版1.98M / 簡(jiǎn)體中文
- PHP語言精粹電子書 pdf掃描版25.72M / 簡(jiǎn)體中文
- linux常用命令大全 chm版1.48M / 簡(jiǎn)體中文
- 本草綱目 5.34M / 簡(jiǎn)體中文
- docker入門實(shí)戰(zhàn) pdf完整版1.38M / 簡(jiǎn)體中文