Full Table of Contents

1. Introduction
- 1.1. About SVG
- 1.2. SVG MIME type and file name extensions
- 1.3. SVG namespace and DTD
- 1.4. Compatibility with other standards efforts
- 1.5. Terminology
- 1.6. Definitions
2. Rendering Model
- 2.1. Introduction
- 2.2. The painters model
- 2.3. Rendering order
  - 2.3.1. Controlling element rendering order: the ‘z-index’ property
- 2.4. How elements are rendered
- 2.5. How groups are rendered
  - 2.5.1. Object and group opacity: the effect of the ‘opacity’ property
- 2.6. Types of graphics elements
  - 2.6.1. Painting shapes and text
  - 2.6.2. Painting raster images
- 2.7. Filtering painted regions
- 2.8. Clipping and Masking
- 2.9. Parent Compositing
- 2.10. The effect of the ‘overflow’ property
  - 2.10.1. The initial clipping path
3. Basic Data Types and Interfaces
- 3.1. Attribute syntax
- 3.2. Real number precision
- 3.3. Basic DOM interfaces
4. Document Structure
- 4.1. Defining an SVG document fragment: the ‘svg’ element
- 4.2. Grouping: the ‘g’ element
  - 4.2.1. Overview
  - 4.2.2. The ‘g’ element
- 4.3. Defining content for reuse, and the ‘defs’ element
  - 4.3.1. Overview
  - 4.3.2. The ‘defs’ element
- 4.4. The ‘discard’ element
- 4.5. The ‘desc’ and ‘title’ elements
  - 4.5.1. Definition
- 4.6. The ‘metadata’ element
- 4.7. The ‘symbol’ element
  - 4.7.1. Attributes
  - 4.7.2. Notes on symbols
- 4.8. The ‘use’ element
- 4.9. Conditional processing
- 4.10. Common attributes
- 4.11. WAI-ARIA attributes
- 4.12. DOM interfaces
5. Styling
- 5.1. SVG's styling properties
- 5.2. Alternative ways to specify styling properties
- 5.3. Specifying properties using the presentation attributes
- 5.4. Styling with CSS
- 5.5. Case sensitivity of property names and values
- 5.6. Facilities from CSS and XSL used by SVG
- 5.7. Referencing external style sheets
- 5.8. The ‘style’ element
- 5.9. The ‘class’ attribute
- 5.10. The ‘style’ attribute
- 5.11. Property inheritance
- 5.12. The scope/range of styles
- 5.13. Content size properties
- 5.14. User agent style sheet
- 5.15. DOM interfaces
  - 5.15.1. Interface SVGStyleElement
6. Geometry Properties
- 6.1. Horizontal center coordinate: The ‘cx’ property
- 6.2. Vertical center coordinate: The ‘cy’ property
- 6.3. Radius: The ‘r’ property
- 6.4. Horizontal radius: The ‘rx’ property
- 6.5. Vertical radius: The ‘ry’ property
- 6.6. Horizontal coordinate: The ‘x’ property
- 6.7. Vertical coordinate: The ‘y’ property
7. Coordinate Systems, Transformations and Units
- 7.1. Introduction
- 7.2. The initial viewport
- 7.3. The initial coordinate system
- 7.4. The ‘transform’ property
- 7.5. The ‘viewBox’ attribute
- 7.6. The ‘preserveAspectRatio’ attribute
- 7.7. Establishing a new SVG viewport
- 7.8. Units
- 7.9. Bounding boxes
- 7.10. Object bounding box units
- 7.11. Intrinsic sizing properties of the viewport of SVG content
- 7.12. DOM interfaces
8. Paths
- 8.1. Introduction
- 8.2. The ‘path’ element
- 8.3. Path data
- 8.4. Implementation notes
  - 8.4.1. Error handling in path data
- 8.5. Distance along a path
- 8.6. DOM interfaces
  - 8.6.1. Interface SVGPathElement
9. Basic Shapes
- 9.1. Introduction and definitions
- 9.2. The ‘rect’ element
- 9.3. The ‘circle’ element
- 9.4. The ‘ellipse’ element
- 9.5. The ‘line’ element
- 9.6. The ‘polyline’ element
- 9.7. The ‘polygon’ element
- 9.8. DOM interfaces
10. Text
- 10.1. Introduction
  - 10.1.1. Definitions
- 10.2. Fonts, font tables and baselines
- 10.3. The ‘text’ and ‘tspan’ elements
  - 10.3.1. Attributes
  - 10.3.2. Notes on 'x', 'y', 'dx', 'dy' and 'rotate'
- 10.4. Text layout – Introduction
- 10.5. Text layout – Content Area
- 10.6. Text layout – Algorithm
- 10.7. Pre-formatted text
  - 10.7.1. Multi-line text via 'white-space'
  - 10.7.2. Adjusting Text Chunks
    - 10.7.2.1. Repositioning Glyphs
    - 10.7.2.2. Text alignment, the ‘text-anchor’ property
- 10.8. Auto-wrapped text
- 10.9. Text on a path
- 10.10. Text rendering order
  - 10.10.1. Text overflow processing: the ‘text-overflow’ property
- 10.11. Properties and pseudo-elements
- 10.12. Text layout – Directions
- 10.13. Text layout – Positioning
- 10.14. Font selection properties
- 10.15. Text decoration
  - 10.15.1. The ‘text-decoration-fill’ and ‘text-decoration-stroke’ properties
- 10.16. Text selection and clipboard operations
- 10.17. DOM interfaces
11. Embedded Content
- 11.1. Overview
- 11.2. Placement and scaling of the referenced resource
- 11.3. The ‘image’ element
- 11.4. The ‘video’ element
- 11.5. The ‘audio’ element
- 11.6. The ‘iframe’ element
- 11.7. The ‘canvas’ element
- 11.8. Foreign namespaces and private data
- 11.9. Embedding foreign object types
- 11.10. The ‘foreignObject’ element
- 11.11. The ‘source’ element
- 11.12. The ‘track’ element
- 11.13. DOM interfaces
12. Painting: Filling, Stroking and Marker Symbols
- 12.1. Introduction
  - 12.1.1. Definitions
- 12.2. Specifying paint
- 12.3. The effect of the ‘color’ property
- 12.4. Fill properties
- 12.5. Stroke properties
- 12.6. Controlling visibility: the effect of the ‘display’ and ‘visibility’ properties
- 12.7. Vector Effects
- 12.8. Markers
- 12.9. Controlling paint operation order: the ‘paint-order’ property
- 12.10. Color space for interpolation: the ‘color-interpolation’ property
- 12.11. Rendering hints
- 12.12. Inheritance of painting properties
- 12.13. DOM interfaces
  - 12.13.1. Interface SVGMarkerElement
13. Paint Servers: Solid Colors, Gradients, Patterns and Hatches
- 13.1. Introduction
- 13.2. Solid colors
  - 13.2.1. Properties
- 13.3. Gradients
- 13.4. Patterns
  - 13.4.1. Attributes
  - 13.4.2. Notes on patterns
- 13.5. Hatches
- 13.6. DOM interfaces
14. Scripting and Interactivity
- 14.1. Introduction
- 14.2. Complete list of supported events
- 14.3. User interface events
- 14.4. Pointer events
- 14.5. Hit-testing and processing order for user interface events
  - 14.5.1. Hit-testing
  - 14.5.2. Event processing
- 14.6. The ‘pointer-events’ property
- 14.7. Magnification and panning
- 14.8. Cursors
  - 14.8.1. The effect of the ‘cursor’ property
  - 14.8.2. The ‘cursor’ element
- 14.9. Focus
  - 14.9.1. Sequential focus navigation and the ‘tabindex’ attribute
    - 14.9.1.1. Focus management
- 14.10. Event attributes
- 14.11. The ‘script’ element
- 14.12. DOM interfaces
15. Linking
- 15.1. References
- 15.2. Links out of SVG content: the ‘a’ element
- 15.3. Linking into SVG content: URL fragments and SVG views
- 15.4. DOM interfaces
  - 15.4.1. Interface SVGAElement
  - 15.4.2. Interface SVGViewElement
16. Animation
- 16.1. Introduction
- 16.2. Animation elements
- 16.3. Animation using the SVG DOM
- 16.4. DOM interfaces
Appendix A: SVG Document Object Model (DOM)
- A.1. SVG DOM overview
  - A.1.1. SVG DOM object initialization
- A.2. Elements in the SVG DOM
- A.3. Naming conventions
- A.4. Relationship with DOM Level 3 Events
- A.5. Relationship with DOM Level 2 CSS
  - A.5.1. User agents that support styling with CSS
- A.6. Invalid values
Appendix B: IDL Definitions
Appendix C: Implementation Requirements
- C.1. Introduction
- C.2. Error processing
- C.3. Clamping values which are restricted to a particular range
- C.4. Elliptical arc implementation notes
- C.5. Text selection implementation notes
- C.6. Printing implementation notes
Appendix D: Conformance Criteria
- D.1. Introduction
- D.2. Conforming SVG Document Fragments
- D.3. Conforming SVG Stand-Alone Files
- D.4. Conforming SVG Generators
- D.5. Conforming SVG Servers
- D.6. Conforming SVG DOM Subtree
- D.7. Conforming SVG Interpreters
- D.8. Conforming SVG Viewers
Appendix E: Accessibility Support
- E.1. SVG Accessibility Features
- E.2. Supporting SVG Accessibility Specifications and Guidelines
Appendix F: References
- F.1. Normative references
- F.2. Informative references
Appendix G: Element Index
Appendix H: Attribute Index
- H.1. Regular attributes
- H.2. Presentation attributes
Appendix I: Property Index
Appendix J: IDL Index
Appendix K: Media Type Registration for image/svg+xml
- K.1. Introduction
- K.2. Registration of media type image/svg+xml
Appendix L: Changes from SVG 1.1
- L.1. Editorial changes
- L.2. Substantial changes