SVG Essentials, 2nd Edition

Learn the essentials of Scalable Vector Graphics, the mark-up language used by most vector drawing programs and interactive web graphics tools. SVG Essentials takes you through SVG’s capabilities, beginning with simple line drawings and moving through complicated features such as filters, transformations, gradients, and patterns.

This thoroughly updated edition includes expanded coverage of animation, interactive graphics, and scripting SVG. Interactive examples online make it easy for you to experiment with SVG features in your web browser. Geared toward experienced designers, this book also includes appendices that explain basic concepts such as XML markup and CSS styling, so even if you have no web design experience, you can start learning SVG.

• Create and style graphics to match your web design in a way that looks great when printed or displayed on high-resolution screens
• Make your charts and decorative headings accessible to search engines and assistive technologies
• Add artistic effects to your graphics, text, and photographs using SVG masks, filters, and transformations
• Animate graphics with SVG markup, or add interactivity with CSS and JavaScript
• Create SVG from existing vector data or XML data, using programming languages and XSLT

Table of Contents

Chapter 1. Getting Started
Chapter 2. Using SVG in Web Pages
Chapter 3. Coordinates
Chapter 4. Basic Shapes
Chapter 5. Document Structure
Chapter 6. Transforming the Coordinate System
Chapter 7. Paths
Chapter 8. Patterns and Gradients
Chapter 9. Text
Chapter 10. Clipping and Masking
Chapter 11. Filters
Chapter 12. Animating SVG
Chapter 13. Adding Interactivity
Chapter 14. Using the SVG DOM
Chapter 15. Generating SVG
Appendix A. The XML You Need for SVG
Appendix B. Introduction to Stylesheets
Appendix C. Programming Concepts
Appendix D. Matrix Algebra
Appendix E. Creating Fonts
Appendix F. Converting Arcs to Different Formats