Name: SVG動畫
SKU: https://www.books.com.tw/products/CN11544699

內容簡介

在製作Web動畫效果時，使用SVG製作動畫是我們應該掌握的技能之一。本書詳細介紹了SVG的基礎知識、如何使用SVG製作動畫、製作SVG動畫的工具及相關的JavaScript庫。除些之外，本書也探討了SVG還能做的一些十分有趣的事情，比如數據可視化、可伸縮的矢量圖、響應式設計等。Sarah為廣大讀者提供了一本非常優秀的書籍，可幫助讀者更系統地掌握SVG和SVG製作動畫相關的技術知識。如果你想掌握這項技術，那麼本書是值得你花時間去閱讀和研究的一本書。

作者介紹

Sarah Drasner是一獲獎的布道者、顧問和技術人員。Sarah也是Web動畫工作室的聯合創始人，擁有Val Head。她被授予高級SVG動畫前端之師之稱，並曾擔任Truli(Zillow)的UX設計師和經理。Sarah贏得一系列獎項，包括CSS Dev Conf的「最佳最佳獎」，以及來自CSS設計獎的「最佳代碼辯論者」。作為一名Web開發人員和設計師，她已經有了15年之久的工作經驗，她還曾擔任過插畫師和大學教授，並在Santorini教過一個Byzantine的圖標畫師。

序
前言

第1章剖析SVG
SVG DOM語法
viewBox和preserveAspectR
繪製圖形
回應式SVG、組和繪製路徑
SVG的匯出、建議及優化
減少路徑點
優化工具

第2章使用CSS製作SVG動畫
用SVG做動畫
使用SVG繪圖的優勢
順暢的動畫體驗

第3章 CSS動畫和手繪SVGSprite
使用steps()和SVG Sprite製作關鍵幀動畫
在Illustrator中使用範本繪製
在SVG編輯器或圖紙中逐幀繪製並且使用Gruntiocon生成Sprite
用簡易代碼模擬複雜運動
簡單重複行走

第4章創建回應式SVGSprit
用於回應式的SVG Sprite圖和CSS
分組和匯出
viewBox的技巧
回應式動畫

第5章不使用任何額外庫來創建UI/UX動畫
使用者體驗模式中的上下文切換
變形
展現
隔離
樣式
預期提示
交互
節約空間
總結
變換的圖示

第6章動態資料視覺化
為什麼要在資料視覺化中使用動畫
使用CSS動畫的D3示例
使用CSS動畫的Chartist示例
用D3來做動畫
鏈式和重複

第7章 Web動畫技術大比拼
原生動畫
CSS/Sass/SCSS
requestAnimationFrame()
canvas
Web動畫API
協力廠商框架
GreenSock（GSAP）

看更多

詳細資料

ISBN：9787121337901
規格：平裝 / 199頁 / 16k / 19 x 26 x 1 cm / 普通級 / 單色印刷 / 1-1
出版地：中國

購物說明

溫馨提醒您：若您訂單中有購買簡體館無庫存/預售書或庫存於海外廠商的書籍，建議與其他商品分開下單，以避免等待時間過長，謝謝。

大陸出版品書況：因裝幀品質及貨運條件未臻完善，書況與台灣出版品落差甚大，封面老舊、出現磨痕、凹痕等均屬常態，故簡體字館除封面破損、內頁脫落...等較嚴重的狀態外，其餘所有商品將正常出貨。

請注意，部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。

調貨時間：若您購買海外庫存之商品，於您完成訂購後，商品原則上約30個工作天內抵台(若有將延遲另行告知)。為了縮短等待的時間，建議您將簡體書與其它商品分開訂購，以利一般商品快速出貨。

若您具有法人身份為常態性且大量購書者，或有特殊作業需求，建議您可洽詢「企業採購」。

退換貨說明

會員所購買的商品均享有到貨十天的猶豫期（含例假日）。退回之商品必須於猶豫期內寄回。

辦理退換貨時，商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性，切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者，恐將影響退貨權益或需負擔部分費用。

訂購本商品前請務必詳閱商品退換貨原則。

選擇語言

:::網站搜尋

SVG動畫

內容簡介

作者介紹

目錄

詳細資料

最近瀏覽商品

相關活動

購物說明

得獎認證