Using SVG with CSS3 and HTML5: Vector Graphics for Web Design (Paperback)

Amelia Bellamy-Royds, Kurt Cagle, Dudley Storey

  • 出版商: O'Reilly
  • 出版日期: 2017-12-05
  • 定價: $2,270
  • 售價: 9.0$2,043
  • 語言: 英文
  • 頁數: 844
  • 裝訂: Paperback
  • ISBN: 1491921978
  • ISBN-13: 9781491921975
  • 相關分類: CSSHTML網頁設計
  • 立即出貨 (庫存=1)

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

商品描述

Using Scalable Vector Graphics (SVG) for illustrations only scratches the surface of this format’s potential on the web. With this practical guide, you’ll learn how to use SVG not only for illustrations but also as graphical documents that you can integrate into complex HTML5 web pages, and style with custom CSS. Web developers will discover ways to adapt designs by adding data based graphics, dynamic styles, interaction, or animation.

Divided into five parts, this book includes:

  • SVG on the web: Understand how SVG works with HTML, CSS, and JavaScript to define graphics
  • Drawing with markup: Learn the vector language of x and y coordinates that let SVG create basic and custom shapes
  • Putting graphics in their place: Use the coordinate system to draw SVG shapes and text at different scales and positions
  • Artistic touches: Explore how color is used, how strokes are created and manipulated, and how graphical effects like filters, clipping, and masking are applied
  • SVG as an application: Make your graphic more accessible to humans and computers, and learn how to make it interactive or animated

商品描述(中文翻譯)

使用可擴展向量圖形(SVG)僅僅是揭示了這種格式在網頁上的潛力。通過這本實用指南,您將學習如何使用SVG不僅作為插圖,還可以將其作為圖形文檔集成到複雜的HTML5網頁中,並使用自定義CSS進行樣式設置。網頁開發人員將發現通過添加基於數據的圖形、動態樣式、交互或動畫來適應設計的方法。

本書分為五個部分,包括:

- 網頁上的SVG:了解SVG如何與HTML、CSS和JavaScript一起定義圖形
- 使用標記繪圖:學習SVG使用x和y坐標的向量語言來創建基本和自定義形狀
- 定位圖形:使用坐標系統在不同比例和位置繪製SVG形狀和文本
- 藝術觸感:探索顏色的使用方式,創建和操作筆劃,以及應用圖形效果,如濾鏡、剪裁和遮罩
- SVG作為應用程序:使您的圖形對人類和計算機更具可訪問性,並學習如何使其具有交互性或動畫效果