Books & Videos

Table of Contents

  1. Chapter 1 Getting Started

    1. Graphics Systems

    2. Scalability

    3. SVG’s Role

    4. Creating an SVG Graphic

  2. Chapter 2 Using SVG in Web Pages

    1. SVG as an Image

    2. SVG as an Application

    3. SVG Markup in a Mixed Document

  3. Chapter 3 Coordinates

    1. The Viewport

    2. Using Default User Coordinates

    3. Specifying User Coordinates for a Viewport

    4. Preserving Aspect Ratio

    5. Nested Systems of Coordinates

  4. Chapter 4 Basic Shapes

    1. Lines

    2. Stroke Characteristics

    3. Rectangles

    4. Circles and Ellipses

    5. The <polygon> Element

    6. The <polyline> Element

    7. Line Caps and Joins

    8. Basic Shapes Reference Summary

  5. Chapter 5 Document Structure

    1. Structure and Presentation

    2. Using Styles with SVG

    3. Grouping and Referencing Objects

  6. Chapter 6 Transforming the Coordinate System

    1. The translate Transformation

    2. The scale Transformation

    3. Sequences of Transformations

    4. Technique: Converting from Cartesian Coordinates

    5. The rotate Transformation

    6. Technique: Scaling Around a Center Point

    7. The skewX and skewY Transformations

    8. Transformation Reference Summary

    9. CSS Transformations and SVG

  7. Chapter 7 Paths

    1. moveto, lineto, and closepath

    2. Relative moveto and lineto

    3. Path Shortcuts

    4. Elliptical Arc

    5. Converting from Other Arc Formats

    6. Bézier Curves

    7. Path Reference Summary

    8. Paths and Filling

    9. The <marker> element

    10. Marker Miscellanea

  8. Chapter 8 Patterns and Gradients

    1. Patterns

    2. Gradients

    3. Transforming Patterns and Gradients

  9. Chapter 9 Text

    1. Text Terminology

    2. Simple Attributes and Properties of the <text> Element

    3. Text Alignment

    4. The <tspan> Element

    5. Setting textLength

    6. Vertical Text

    7. Internationalization and Text

    8. Text on a Path

    9. Whitespace and Text

    10. Case Study: Adding Text to a Graphic

  10. Chapter 10 Clipping and Masking

    1. Clipping to a Path

    2. Masking

    3. Case Study: Masking a Graphic

  11. Chapter 11 Filters

    1. How Filters Work

    2. Creating a Drop Shadow

    3. Creating a Glowing Shadow

    4. The <feImage> Filter

    5. The <feComponentTransfer> Filter

    6. The <feComposite> Filter

    7. The <feBlend> Filter

    8. The <feFlood> and <feTile> Filters

    9. Lighting Effects

    10. Accessing the Background

    11. The <feMorphology> Element

    12. The <feConvolveMatrix> Element

    13. The <feDisplacementMap> Element

    14. The <feTurbulence> Element

    15. Filter Reference Summary

  12. Chapter 12 Animating SVG

    1. Animation Basics

    2. How Time Is Measured

    3. Synchronizing Animation

    4. Repeated Action

    5. Animating Complex Attributes

    6. Specifying Multiple Values

    7. Timing of Multistage Animations

    8. The <set> Element

    9. The <animateTransform> Element

    10. The <animateMotion> Element

    11. Specifying Key Points and Times for Motion

    12. Animating SVG with CSS

  13. Chapter 13 Adding Interactivity

    1. Using Links in SVG

    2. Controlling CSS Animations

    3. User-Triggered SMIL Animations

    4. Scripting SVG

  14. Chapter 14 Using the SVG DOM

    1. Determining the Value of Element Attributes

    2. SVG Interface Methods

    3. Constructing SVG with ECMAScript/JavaScript

    4. Animation via Scripting

    5. Using JavaScript Libraries

    6. Event Handling in Snap

  15. Chapter 15 Generating SVG

    1. Converting Custom Data to SVG

    2. Using XSLT to Convert XML Data to SVG

  16. Appendix The XML You Need for SVG

    1. What Is XML?

    2. Anatomy of an XML Document

    3. Character Encodings

    4. Validity

    5. XML Namespaces

    6. Tools for Processing XML

  17. Appendix Introduction to Stylesheets

    1. Anatomy of a Style

    2. Inline Styles: The style Attribute

    3. Internal Stylesheets

    4. Style Selector Classes

    5. Using CSS with SVG

  18. Appendix Programming Concepts

    1. Constants

    2. Variables

    3. Assignment and Operators

    4. Arrays

    5. Comments

    6. Conditional Statements

    7. Repeated Actions

    8. Functions

    9. Objects, Properties, and Methods

    10. What, Not How

  19. Appendix Matrix Algebra

    1. Matrix Terminology

    2. Matrix Addition

    3. Matrix Multiplication

    4. How SVG Uses Matrix Algebra for Transformations

  20. Appendix Creating Fonts

    1. The ttf2svg Utility

  21. Appendix Converting Arcs to Different Formats

    1. Converting from Center and Angles to SVG

    2. Converting from SVG to Center and Angles