Using SVG with CSS3 and HTML5: Vector Graphics for Web Design (Paperback)
暫譯: 使用SVG、CSS3與HTML5:網頁設計的向量圖形

Amelia Bellamy-Royds, Kurt Cagle, Dudley Storey

  • 出版商: O'Reilly
  • 出版日期: 2017-12-05
  • 定價: $2,270
  • 售價: 9.5$2,157
  • 語言: 英文
  • 頁數: 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 一起工作以定義圖形
- 使用標記繪圖:學習 x 和 y 坐標的向量語言,使 SVG 能夠創建基本和自訂形狀
- 將圖形放在正確的位置:使用坐標系統在不同的比例和位置繪製 SVG 形狀和文本
- 藝術性細節:探索顏色的使用方式、如何創建和操作筆觸,以及如何應用濾鏡、裁剪和遮罩等圖形效果
- 將 SVG 作為應用:使您的圖形對人類和計算機更具可訪問性,並學習如何使其互動或動畫化