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 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

  3. Chapter 3 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

  4. Chapter 4 Document Structure

    1. Structure and Presentation

    2. Using Styles with SVG

    3. Document Structure -- Grouping and Referencing Objects

  5. Chapter 5 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

  6. Chapter 6 Paths

    1. moveto, lineto, and closepath

    2. Relative moveto and lineto

    3. Path Shortcuts

    4. Elliptical Arc

    5. Technique: Converting from Other Arc Formats

    6. Bézier Curves

    7. Path Reference Summary

    8. Paths and Filling

    9. The marker element

    10. Marker Miscellanea

  7. Chapter 7 Patterns and Gradients

    1. Patterns

    2. Gradients

    3. Transforming Gradients and Patterns

  8. Chapter 8 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

  9. Chapter 9 Clipping and Masking

    1. Clipping to a Path

    2. Masking

    3. Case Study -- Masking a Graphic

  10. Chapter 10 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

  11. Chapter 11 Animating and Scripting SVG

    1. Animation Basics

    2. How Time Is Measured

    3. Repeated Action

    4. The set Element

    5. The animateColor Element

    6. The animateTransform Element

    7. The animateMotion Element

    8. Using Links in SVG

    9. Scripting SVG

  12. Chapter 12 Generating SVG

    1. Using Perl to Convert Custom Data to SVG

    2. Using Java to Convert XML to SVG

    3. Using XSLT to Convert XML Data to SVG

  13. Chapter 13 Serving SVG Files

    1. Serving Web Files -- The Task at Hand

    2. Partitioning the Task

    3. Setting up the Server

  1. 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

  2. Appendix Introduction to Stylesheets

    1. Anatomy of a Style

    2. Style Selectors

    3. Internal Stylesheets

    4. Style Selector Classes

    5. Using CSS with SVG

  3. 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

  4. Appendix Matrix Algebra

    1. Matrix Terminology

    2. Matrix Addition

    3. Matrix Multiplication

    4. How SVG Uses Matrix Algebra for Transformations

  5. Appendix Creating Fonts

    1. The ttf2svg Utility

  6. Appendix Using SVG with Other XML Applications

    1. Referring to an SVG Document in HTML

    2. Referring to an SVG Document in XHTML

    3. Placing SVG Directly Within XHTML Documents

    4. Embedding SVG in XSL Formatting Objects

  7. Colophon