Using SVG with CSS3 and HTML5: Vector Graphics for Web Design
by: Amelia Bellamy-Royds – Kurt Cagle – Dudley Storey
ISBN-10: 1491921978
ISBN-13: 9781491921975
Edition 版本: 1
Released: 2017-03-25
Pages: 500
Book Description
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
Preface
1.SVG on the Web
1.Graphics from Vectors
2.The Big Picture
3.A Sense of Style
4.Tools of the Trade
ll.Drawing with Markup
5.Building Blocks
6.Following Your Own Path
7.The Art of the Word
ll.Putting Graphics in Their Place
8.Scaling Up
9.A New Point of View
10.Seeing Double
11.Transformative Changes
Ⅳ.Artistic Touches
12.Filling Up to Ful
13.Drawing the Lines
14.Marking the Way
15.Less Is More
16.Playing with Pixels
V.SVG as an Application
17.Beyond the Visible
18.Drawing on Demand
19.Transitioning in Time
20.Good Manners
Index
