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