Full Table of Contents

• 1. Introduction
  • 1.1. About SVG
  • 1.2. SVG MIME type, file name extension and Macintosh file type
  • 1.3. SVG namespace and DTD
  • 1.4. Compatibility with other standards efforts
  • 1.5. Terminology
  • 1.6. Definitions
• 2. Concepts
  • 2.1. Explaining the name: SVG
  • 2.2. Important SVG concepts
  • 2.3. Options for using SVG in Web pages
• 3. Rendering Model
  • 3.1. Introduction
  • 3.2. The painters model
  • 3.3. Rendering order
  • 3.4. How groups are rendered
  • 3.5. How elements are rendered
  • 3.6. Types of graphics elements
    • 3.6.1. Painting shapes and text
    • 3.6.2. Painting raster images
  • 3.7. Filtering painted regions
  • 3.8. Clipping, masking and object opacity
  • 3.9. Parent Compositing
• 4. Basic Data Types and Interfaces
  • 4.1. Syntax
  • 4.2. Basic data types
  • 4.3. Real number precision
  • 4.4. Recognized color keyword names
  • 4.5. Basic DOM interfaces
    • 4.5.1. Interface SVGElement
    • 4.5.2. Interface SVGAnimatedBoolean
    • 4.5.3. Interface SVGAnimatedString
    • 4.5.4. Interface SVGStringList
    • 4.5.5. Interface SVGAnimatedEnumeration
    • 4.5.6. Interface SVGAnimatedInteger
    • 4.5.7. Interface SVGNumber
    • 4.5.8. Interface SVGAnimatedNumber
    • 4.5.9. Interface SVGNumberList
    • 4.5.10. Interface SVGAnimatedNumberList
    • 4.5.11. Interface SVGLength
    • 4.5.12. Interface SVGAnimatedLength
    • 4.5.13. Interface SVGLengthList
    • 4.5.14. Interface SVGAnimatedLengthList
    • 4.5.15. Interface SVGAngle
    • 4.5.16. Interface SVGAnimatedAngle
    • 4.5.17. Interface SVGRect
    • 4.5.18. Interface SVGAnimatedRect
    • 4.5.19. Interface SVGUnitTypes
    • 4.5.20. Interface SVGGraphicsElement
    • 4.5.21. Interface SVGGeometryElement
    • 4.5.22. Interface SVGTests
    • 4.5.23. Interface SVGFitToViewBox
    • 4.5.24. Interface SVGZoomAndPan
    • 4.5.25. Interface SVGViewSpec
    • 4.5.26. Interface SVGURIReference
    • 4.5.27. Interface SVGCSSRule
    • 4.5.28. Interface SVGRenderingIntent
• 5. Document Structure
  • 5.1. Defining an SVG document fragment: the ‘svg’ element
    • 5.1.1. Overview
    • 5.1.2. The ‘svg’ element
  • 5.2. Grouping: the ‘g’ element
    • 5.2.1. Overview
    • 5.2.2. The ‘g’ element
  • 5.3. Defining content for reuse, and the ‘defs’ element
    • 5.3.1. Overview
    • 5.3.2. The ‘defs’ element
  • 5.4. The ‘discard’ element
  • 5.5. The ‘desc’ and ‘title’ elements
  • 5.6. The ‘symbol’ element
  • 5.7. The ‘use’ element
  • 5.8. Conditional processing
    • 5.8.1. Conditional processing overview
    • 5.8.2. The ‘switch’ element
    • 5.8.3. The ‘requiredFeatures’ attribute
    • 5.8.4. The ‘requiredExtensions’ attribute
    • 5.8.5. The ‘systemLanguage’ attribute
    • 5.8.6. Applicability of test attributes
  • 5.9. Common attributes
    • 5.9.1. Attributes common to all elements: ‘id’ and ‘xml:base’
    • 5.9.2. The ‘xml:lang’ and ‘xml:space’ attributes
  • 5.10. WAI-ARIA attributes
    • 5.10.1. Role attribute
    • 5.10.2. State and property attributes (all aria- attributes)
    • 5.10.3. Implicit ARIA Semantics
  • 5.11. DOM interfaces
    • 5.11.1. Interface Document
    • 5.11.2. Interface SVGSVGElement
    • 5.11.3. Interface SVGGElement
    • 5.11.4. Interface SVGDefsElement
    • 5.11.5. Interface SVGDescElement
    • 5.11.6. Interface SVGTitleElement
    • 5.11.7. Interface SVGSymbolElement
    • 5.11.8. Interface SVGUseElement
    • 5.11.9. Interface SVGSwitchElement
    • 5.11.10. Interface GetSVGDocument
• 6. Styling
  • 6.1. SVG's styling properties
  • 6.2. Usage scenarios for styling
  • 6.3. Alternative ways to specify styling properties
  • 6.4. Specifying properties using the presentation attributes
  • 6.5. Styling with XSL
  • 6.6. Styling with CSS
  • 6.7. Case sensitivity of property names and values
  • 6.8. Facilities from CSS and XSL used by SVG
  • 6.9. Referencing external style sheets
  • 6.10. The ‘style’ element
  • 6.11. The ‘class’ attribute
  • 6.12. The ‘style’ attribute
  • 6.13. Property inheritance
  • 6.14. The scope/range of styles
  • 6.15. User agent style sheet
  • 6.16. Aural style sheets
  • 6.17. DOM interfaces
    • 6.17.1. Interface SVGStyleElement
• 7. Coordinate Systems, Transformations and Units
  • 7.1. Introduction
  • 7.2. The initial viewport
  • 7.3. The initial coordinate system
  • 7.4. Coordinate system transformations
  • 7.5. Nested transformations
  • 7.6. The ‘transform’ property
  • 7.7. The ‘viewBox’ attribute
  • 7.8. The ‘preserveAspectRatio’ attribute
  • 7.9. Establishing a new viewport
  • 7.10. Units
  • 7.11. Bounding boxes
  • 7.12. Object bounding box units
  • 7.13. Intrinsic sizing properties of the viewport of SVG content
  • 7.14. Geographic coordinate systems
  • 7.15. The ‘svg:transform’ attribute
  • 7.16. DOM interfaces
    • 7.16.1. Interface SVGPoint
    • 7.16.2. Interface SVGPointList
    • 7.16.3. Interface SVGMatrix
    • 7.16.4. Interface SVGTransform
    • 7.16.5. Interface SVGTransformList
    • 7.16.6. Interface SVGAnimatedTransformList
    • 7.16.7. Interface SVGPreserveAspectRatio
    • 7.16.8. Interface SVGAnimatedPreserveAspectRatio
• 8. Paths
  • 8.1. Introduction
  • 8.2. The ‘path’ element
  • 8.3. Path data
    • 8.3.1. General information about path data
    • 8.3.2. The "moveto" commands
    • 8.3.3. The "closepath" command
    • 8.3.4. The "lineto" commands
    • 8.3.5. The curve commands
    • 8.3.6. The cubic Bézier curve commands
    • 8.3.7. The quadratic Bézier curve commands
    • 8.3.8. The elliptical arc curve commands
    • 8.3.9. The bearing commands
    • 8.3.10. The grammar for path data
  • 8.4. Distance along a path
  • 8.5. DOM interfaces
    • 8.5.1. Interface SVGPathSeg
    • 8.5.2. Interface SVGPathSegClosePath
    • 8.5.3. Interface SVGPathSegMovetoAbs
    • 8.5.4. Interface SVGPathSegMovetoRel
    • 8.5.5. Interface SVGPathSegLinetoAbs
    • 8.5.6. Interface SVGPathSegLinetoRel
    • 8.5.7. Interface SVGPathSegCurvetoCubicAbs
    • 8.5.8. Interface SVGPathSegCurvetoCubicRel
    • 8.5.9. Interface SVGPathSegCurvetoQuadraticAbs
    • 8.5.10. Interface SVGPathSegCurvetoQuadraticRel
    • 8.5.11. Interface SVGPathSegArcAbs
    • 8.5.12. Interface SVGPathSegArcRel
    • 8.5.13. Interface SVGPathSegLinetoHorizontalAbs
    • 8.5.14. Interface SVGPathSegLinetoHorizontalRel
    • 8.5.15. Interface SVGPathSegLinetoVerticalAbs
    • 8.5.16. Interface SVGPathSegLinetoVerticalRel
    • 8.5.17. Interface SVGPathSegCurvetoCubicSmoothAbs
    • 8.5.18. Interface SVGPathSegCurvetoCubicSmoothRel
    • 8.5.19. Interface SVGPathSegCurvetoQuadraticSmoothAbs
    • 8.5.20. Interface SVGPathSegCurvetoQuadraticSmoothRel
    • 8.5.21. Interface SVGPathSegList
    • 8.5.22. Interface SVGAnimatedPathData
    • 8.5.23. Interface SVGPathElement
• 9. Basic Shapes
  • 9.1. Introduction
  • 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.7.1. The grammar for points specifications in ‘polyline’ and ‘polygon’ elements
  • 9.8. DOM interfaces
    • 9.8.1. Interface SVGRectElement
    • 9.8.2. Interface SVGCircleElement
    • 9.8.3. Interface SVGEllipseElement
    • 9.8.4. Interface SVGLineElement
    • 9.8.5. Interface SVGAnimatedPoints
    • 9.8.6. Interface SVGPolylineElement
    • 9.8.7. Interface SVGPolygonElement
• 10. Text
  • 10.1. Introduction
  • 10.2. Characters and their corresponding glyphs
  • 10.3. Fonts, font tables and baselines
  • 10.4. The ‘text’ element
    • 10.4.1. Attributes
  • 10.5. The ‘tspan’ element
    • 10.5.1. Attributes
    • 10.5.2. Notes on 'x', 'y', 'dx', 'dy', and 'rotate'
  • 10.6. The ‘tref’ element
    • 10.6.1. Attributes
    • 10.6.2. Notes
  • 10.7. Text layout – Introduction
  • 10.8. Text layout – Content Area
    • 10.8.1. The 'width' and/or 'height' attributes
    • 10.8.2. The ‘shape-inside’ property
    • 10.8.3. The ‘shape-outside’ property
    • 10.8.4. The ‘shape-margin’ property
    • 10.8.5. The ‘shape-padding’ property
  • 10.9. Text layout – Directions
    • 10.9.1. Layout Orientations
      • 10.9.1.1. The inline-progression-direction: the ‘writing-mode’ property
    • 10.9.2. Relationship with bidirectionality
      • 10.9.2.1. The ‘direction’ property
      • 10.9.2.2. The ‘unicode-bidi’ property
    • 10.9.3. Glyph orientation within a text run
      • 10.9.3.1. The ‘glyph-orientation-vertical’ property
      • 10.9.3.2. The ‘glyph-orientation-horizontal’ property
  • 10.10. Text layout – Positioning
    • 10.10.1. Current text position
    • 10.10.2. White Space
      • 10.10.2.1. SVG 2 Preferred white space handling, the ‘white-space’ property
      • 10.10.2.2. Legacy whitespace handling, the ‘xml:space’ property
      • 10.10.2.3. Duplicate whitespace directives
      • 10.10.2.4. Tab character size: the ‘tab-size’ property
    • 10.10.3. Line spacing, the ‘line-height’ property
    • 10.10.4. Spacing within lines
      • 10.10.4.1. The ‘letter-spacing’ property
      • 10.10.4.2. The ‘word-spacing’ property
    • 10.10.5. Baseline alignment properties
      • 10.10.5.1. The ‘dominant-baseline’ property
      • 10.10.5.2. The ‘alignment-baseline’ property
      • 10.10.5.3. The ‘baseline-shift’ property
  • 10.11. Pre-formatted text
    • 10.11.1. Multi-line text via 'white-space'
    • 10.11.2. Adjusting Text Chunks
      • 10.11.2.1. Repositioning Glyphs
      • 10.11.2.2. Text alignment, the ‘text-anchor’ property
  • 10.12. Auto-wrapped text
    • 10.12.1. Alignment
      • 10.12.1.1. Text alignment: the ‘text-align’ property
      • 10.12.1.2. Last line alignment: the ‘text-align-last’ property
    • 10.12.2. Line Breaking
      • 10.12.2.1. Breaking Rules for Punctuation: the ‘line-break’ property
      • 10.12.2.2. Breaking Rules for Letters: the ‘word-break’ property
      • 10.12.2.3. Hyphenation Control: the ‘hyphens’ property
      • 10.12.2.4. Overflow Wrapping: the ‘word-wrap’ and ‘overflow-wrap’ properties
    • 10.12.3. Edge Effects
      • 10.12.3.1. First Line Indentation: the ‘text-indent’ property
      • 10.12.3.2. Hanging Punctuation: the ‘hanging-punctuation’ property
  • 10.13. Text on a path
    • 10.13.1. The ‘textPath’ element
    • 10.13.2. Attributes
    • 10.13.3. Text on a path layout rules
  • 10.14. Text rendering order
    • 10.14.1. Text overflow processing: the ‘text-overflow’ property
  • 10.15. Font selection properties
    • 10.15.1. The ‘font-family’ property
    • 10.15.2. The ‘font-style’property
    • 10.15.3. The ‘font-variant’ property
    • 10.15.4. The ‘font-weight’ property
    • 10.15.5. The ‘font-stretch’ property
    • 10.15.6. The ‘font-size’ property
    • 10.15.7. The ‘font-size-adjust’ property
    • 10.15.8. The ‘font’ property
  • 10.16. Text decoration
    • 10.16.1. The ‘text-decoration’ property
  • 10.17. Alternate glyphs
    • 10.17.1. The ‘altGlyph’ element
      • 10.17.1.1. Attributes
    • 10.17.2. The ‘altGlyphDef’, ‘altGlyphItem’ and ‘glyphRef’ elements
      • 10.17.2.1. Attributes
  • 10.18. Text selection and clipboard operations
  • 10.19. DOM interfaces
    • 10.19.1. Interface SVGTextContentElement
    • 10.19.2. Interface SVGTextPositioningElement
    • 10.19.3. Interface SVGTextElement
    • 10.19.4. Interface SVGTSpanElement
    • 10.19.5. Interface SVGTRefElement
    • 10.19.6. Interface SVGTextPathElement
    • 10.19.7. Interface SVGAltGlyphElement
    • 10.19.8. Interface SVGAltGlyphDefElement
    • 10.19.9. Interface SVGAltGlyphItemElement
    • 10.19.10. Interface SVGGlyphRefElement
• 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. The ‘foreignObject’ element
  • 11.9. The ‘source’ element
  • 11.10. The ‘track’ element
  • 11.11. DOM interfaces
    • 11.11.1. Interface SVGImageElement
    • 11.11.2. Interface SVGVideoElement
    • 11.11.3. Interface SVGAudioElement
    • 11.11.4. Interface SVGIframeElement
    • 11.11.5. Interface SVGCanvasElement
    • 11.11.6. Interface SVGSourceElement
    • 11.11.7. Interface SVGTrackElement
• 12. Painting: Filling, Stroking and Marker Symbols
  • 12.1. Introduction
  • 12.2. Specifying paint
  • 12.3. Fill properties
    • 12.3.1. Specifying fill paint: the ‘fill’ property
    • 12.3.2. Winding rule: the ‘fill-rule’ property
    • 12.3.3. Fill paint opacity: the ‘fill-opacity’ property
  • 12.4. Stroke properties
    • 12.4.1. Specifying stroke paint: the ‘stroke’ property
    • 12.4.2. Stroke paint opacity: the ‘stroke-opacity’ property
    • 12.4.3. Stroke width: the ‘stroke-width’ property
    • 12.4.4. Drawing caps at the ends of strokes: the ‘stroke-linecap’ property
    • 12.4.5. Controlling line joins: the ‘stroke-linejoin’ and ‘stroke-miterlimit’ properties
    • 12.4.6. Dashing strokes: the ‘stroke-dasharray’ and ‘stroke-dashoffset’ properties
    • 12.4.7. Computing the shape of the stroke
    • 12.4.8. Computing the circles for the arcs 'stroke-linejoin'
  • 12.5. Controlling visibility: the effect of the ‘display’ and ‘visibility’ properties
  • 12.6. Non-scaling stroke
  • 12.7. Markers
    • 12.7.1. The ‘marker’ element
    • 12.7.2. Referencing ‘marker’ elements
    • 12.7.3. Vertex markers: the ‘marker-start’, ‘marker-mid’ and ‘marker-end’ properties
    • 12.7.4. Segment markers: the ‘marker-segment’ property
    • 12.7.5. Repeating markers: the ‘marker-pattern’ property
    • 12.7.6. Marker shorthand: the ‘marker’ property
    • 12.7.7. Knocking out the stroke: the ‘marker-knockout-left’ and ‘marker-knockout-right’ properties
    • 12.7.8. Details on how markers are rendered
  • 12.8. Controlling paint operation order: the ‘paint-order’ property
  • 12.9. Color space for interpolation: the ‘color-interpolation’ property
  • 12.10. Rendering hints
    • 12.10.1. The ‘color-rendering’ property
    • 12.10.2. The ‘shape-rendering’ property
    • 12.10.3. The ‘text-rendering’ property
    • 12.10.4. The ‘image-rendering’ property
    • 12.10.5. The ‘buffered-rendering’ property
  • 12.11. Inheritance of painting properties
  • 12.12. DOM interfaces
    • 12.12.1. Interface SVGMarkerInstance
    • 12.12.2. Interface SVGMarkerList
    • 12.12.3. Interface SVGMarkableElement
    • 12.12.4. Interface SVGMarkerElement
• 13. Color
  • 13.1. Introduction
  • 13.2. Color-managed images
  • 13.3. Color syntax
    • 13.3.1. sRGB colors
    • 13.3.2. sRGB colors with alpha
    • 13.3.3. ICC colors
    • 13.3.4. LAB color
    • 13.3.5. ICC named color
  • 13.4. Unmanaged colors
    • 13.4.1. Uncalibrated device color
  • 13.5. The effect of the ‘color’ property
  • 13.6. Color profile descriptions
    • 13.6.1. Overview of color profile descriptions
    • 13.6.2. The CSS @color-profile rule
  • 13.7. Color syntax
  • 13.8. DOM interfaces
    • 13.8.1. Interface SVGColorProfileRule
• 14. Paint Servers: Solid Colors, Gradients, Patterns, and Hatches
  • 14.1. Introduction
  • 14.2. Solid colors
    • 14.2.1. Properties
  • 14.3. Gradients
    • 14.3.1. Linear gradients
      • 14.3.1.1. Attributes
      • 14.3.1.2. Notes on linear gradients
    • 14.3.2. Radial gradients
      • 14.3.2.1. Attributes
      • 14.3.2.2. Notes on radial gradients
    • 14.3.3. Mesh gradients
    • 14.3.4. Gradient stops
      • 14.3.4.1. Attributes
      • 14.3.4.2. Properties
      • 14.3.4.3. Notes on gradient stops
  • 14.4. Patterns
    • 14.4.1. Attributes
    • 14.4.2. Notes on patterns
  • 14.5. Hatches
    • 14.5.1. Attributes
    • 14.5.2. Notes on hatches
    • 14.5.3. Hatch paths
      • 14.5.3.1. Attributes
      • 14.5.3.2. Notes on hatch paths
  • 14.6. DOM interfaces
    • 14.6.1. Interface SVGSolidColorElement
    • 14.6.2. Interface SVGGradientElement
    • 14.6.3. Interface SVGLinearGradientElement
    • 14.6.4. Interface SVGRadialGradientElement
    • 14.6.5. Interface SVGMeshGradientElement
    • 14.6.6. Interface SVGMeshRowElement
    • 14.6.7. Interface SVGMeshPatchElement
    • 14.6.8. Interface SVGStopElement
    • 14.6.9. Interface SVGPatternElement
    • 14.6.10. Interface SVGSolidHatchElement
    • 14.6.11. Interface SVGSolidHatchPathElement
• 15. Clipping, Masking and Compositing
  • 15.1. Simple alpha compositing
  • 15.2. The ‘overflow’ property
    • 15.2.1. Clip to viewport vs. clip to ‘viewBox’
    • 15.2.2. The initial clipping path
  • 15.3. Clipping and Masking
  • 15.4. Object and group opacity: the effect of the ‘opacity’ property
• 16. Filter Effects
• 17. Interactivity
  • 17.1. Introduction
  • 17.2. Complete list of supported events
  • 17.3. User interface events
  • 17.4. Pointer events
  • 17.5. Hit-testing and processing order for user interface events
    • 17.5.1. Hit-testing
    • 17.5.2. Event processing
  • 17.6. The ‘pointer-events’ property
  • 17.7. Magnification and panning
  • 17.8. Cursors
    • 17.8.1. The effect of the ‘cursor’ property
    • 17.8.2. The ‘cursor’ element
  • 17.9. Focus
    • 17.9.1. Sequential focus navigation and the ‘tabindex’ attribute
      • 17.9.1.1. Focus management
  • 17.10. DOM interfaces
    • 17.10.1. Interface SVGCursorElement
• 18. Linking
  • 18.1. References
    • 18.1.1. Overview
    • 18.1.2. IRIs and URIs
    • 18.1.3. Syntactic forms: IRI and FuncIRI
    • 18.1.4. Processing of IRI references
    • 18.1.5. IRI reference attributes
  • 18.2. Links out of SVG content: the ‘a’ element
  • 18.3. Linking into SVG content: IRI fragments and SVG views
    • 18.3.1. SVG fragment identifiers
    • 18.3.2. Predefined views: the ‘view’ element
    • 18.3.3. Highlighting views
  • 18.4. DOM interfaces
    • 18.4.1. Interface SVGAElement
    • 18.4.2. Interface SVGViewElement
• 19. Scripting
  • 19.1. The ‘script’ element
  • 19.2. Event handling
  • 19.3. Event attributes
    • 19.3.1. Event attribute for the load event
    • 19.3.2. Event attributes on graphics and container elements
    • 19.3.3. Document-level event attributes
    • 19.3.4. Animation event attributes
  • 19.4. DOM interfaces
    • 19.4.1. Interface SVGScriptElement
    • 19.4.2. Interface SVGZoomEvent
• 20. Animation
  • 20.1. Introduction
  • 20.2. Animation elements
    • 20.2.1. Overview
    • 20.2.2. Relationship to SMIL Animation
    • 20.2.3. Animation elements example
    • 20.2.4. Attributes to identify the target element for an animation
    • 20.2.5. Attributes to identify the target attribute or property for an animation
    • 20.2.6. Animation with namespaces
    • 20.2.7. Paced animation and complex types
    • 20.2.8. Attributes to control the timing of the animation
      • 20.2.8.1. Clock values
    • 20.2.9. Attributes that define animation values over time
    • 20.2.10. Attributes that control whether animations are additive
    • 20.2.11. Inheritance
    • 20.2.12. The ‘animate’ element
    • 20.2.13. The ‘set’ element
    • 20.2.14. The ‘animateMotion’ element
    • 20.2.15. The ‘animateTransform’ element
    • 20.2.16. Elements, attributes and properties that can be animated
  • 20.3. Animation using the SVG DOM
  • 20.4. DOM interfaces
    • 20.4.1. Interface TimeEvent
    • 20.4.2. Interface SVGAnimationElement
    • 20.4.3. Interface SVGAnimateElement
    • 20.4.4. Interface SVGSetElement
    • 20.4.5. Interface SVGAnimateMotionElement
    • 20.4.6. Interface SVGMPathElement
    • 20.4.7. Interface SVGAnimateTransformElement
• 21. Fonts
  • 21.1. Introduction
  • 21.2. Describing a font
    • 21.2.1. Overview of font descriptions
    • 21.2.2. Alternative ways for providing a font description
    • 21.2.3. The ‘font-face’ element
    • 21.2.4. The ‘font-face-src’ element
    • 21.2.5. The ‘font-face-uri’ and ‘font-face-format’ elements
    • 21.2.6. The ‘font-face-name’ element
  • 21.3. Overview of SVG fonts
  • 21.4. The ‘font’ element
  • 21.5. The ‘glyph’ element
  • 21.6. The ‘missing-glyph’ element
  • 21.7. Glyph selection rules
  • 21.8. The ‘hkern’ and ‘vkern’ elements
  • 21.9. DOM interfaces
    • 21.9.1. Interface SVGFontElement
    • 21.9.2. Interface SVGGlyphElement
    • 21.9.3. Interface SVGMissingGlyphElement
    • 21.9.4. Interface SVGHKernElement
    • 21.9.5. Interface SVGVKernElement
    • 21.9.6. Interface SVGFontFaceElement
    • 21.9.7. Interface SVGFontFaceSrcElement
    • 21.9.8. Interface SVGFontFaceUriElement
    • 21.9.9. Interface SVGFontFaceFormatElement
    • 21.9.10. Interface SVGFontFaceNameElement
• 22. Metadata
  • 22.1. Introduction
  • 22.2. The ‘metadata’ element
  • 22.3. An example
  • 22.4. DOM interfaces
    • 22.4.1. Interface SVGMetadataElement
• 23. Backwards Compatibility
• 24. Extensibility
  • 24.1. Foreign namespaces and private data
  • 24.2. Embedding foreign object types
  • 24.3. The ‘foreignObject’ element
  • 24.4. An example
  • 24.5. DOM interfaces
    • 24.5.1. Interface SVGForeignObjectElement
• 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. Feature strings for the hasFeature method call
  • A.5. Relationship with DOM Level 3 Events
  • A.6. Relationship with DOM Level 2 CSS
    • A.6.1. User agents that support styling with CSS
  • A.7. Invalid values
• Appendix B: IDL Definitions
• Appendix C: Implementation Requirements
  • C.1. Introduction
  • C.2. Error processing
  • C.3. Version control
  • C.4. Clamping values which are restricted to a particular range
  • C.5. ‘path’ element implementation notes
  • C.6. Elliptical arc implementation notes
    • C.6.1. Elliptical arc syntax
    • C.6.2. Out-of-range parameters
    • C.6.3. Parameterization alternatives
    • C.6.4. Conversion from center to endpoint parameterization
    • C.6.5. Conversion from endpoint to center parameterization
    • C.6.6. Correction of out-of-range radii
  • C.7. Text selection implementation notes
  • C.8. 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. WAI accessibility guidelines
  • E.2. SVG content accessibility guidelines
• Appendix F: Internationalization Support
  • F.1. Introduction
  • F.2. Internationalization and SVG
  • F.3. SVG internationalization guidelines
• Appendix G: Minimizing SVG File Sizes
• Appendix H: References
  • H.1. Normative references
  • H.2. Informative references
• Appendix I: Element Index
• Appendix J: Attribute Index
  • J.1. Regular attributes
  • J.2. Presentation attributes
• Appendix K: Property Index
• Appendix L: IDL Index
• Appendix M: Feature Strings
  • M.1. Introduction
  • M.2. SVG 2 feature strings
  • M.3. SVG 1.1 feature strings
  • M.4. SVG 1.0 feature strings
• Appendix N: Media Type Registration for image/svg+xml
  • N.1. Introduction
  • N.2. Registration of media type image/svg+xml
• Appendix O: Changes from SVG 1.1
  • O.1. Editorial changes
  • O.2. Substantial changes
    • O.2.1. Across the whole document
    • O.2.2. Rendering Model chapter
    • O.2.3. Basic Data Types and Interfaces chapter
    • O.2.4. Document Structure chapter
    • O.2.5. Styling chapter
    • O.2.6. Coordinate Systems, Transformations and Units chapter
    • O.2.7. Paths chapter
    • O.2.8. Text chapter
    • O.2.9. Embedded Content chapter
    • O.2.10. Painting chapter
    • O.2.11. Color chapter
    • O.2.12. Paint Servers chapter
    • O.2.13. Clipping, Masking and Compositing chapter
    • O.2.14. Filter Effects chapter
    • O.2.15. Interactivity chapter
    • O.2.16. Linking chapter
    • O.2.17. Scripting chapter
    • O.2.18. Animation chapter
    • O.2.19. Fonts chapter
    • O.2.20. Extensibility chapter
    • O.2.21. Document Type Definition appendix
    • O.2.22. SVG Document Object Model (DOM) appendix
    • O.2.23. Java Language Binding appendix
    • O.2.24. ECMAScript Language Binding appendix
    • O.2.25. References appendix
    • O.2.26. IDL Index appendix