<!DOCTYPE tdeveloptoc> <tdeveloptoc> <title>SVG 1.1 Specification</title> <base href="http://www.w3.org/TR/SVG11" url=""/> <tocsect1 name="1 Introduction" url="intro.html"> <tocsect2 name="1.1 About SVG" url="intro.html#AboutSVG"> </tocsect2> <tocsect2 name="1.2 SVG MIME type, file name extension and Macintosh file type" url="intro.html#MIMEType"> </tocsect2> <tocsect2 name="1.3 SVG Namespace, Public Identifier and System Identifier" url="intro.html#Namespace"> </tocsect2> <tocsect2 name="1.4 Compatibility with Other Standards Efforts" url="intro.html#W3CCompatibility"> </tocsect2> <tocsect2 name="1.5 Terminology" url="intro.html#Terminology"> </tocsect2> <tocsect2 name="1.6 Definitions" url="intro.html#Definitions"> </tocsect2> </tocsect1> <tocsect1 name="2 Concepts" url="concepts.html"> <tocsect2 name="2.1 Explaining the name: SVG" url="concepts.html#Intro"> </tocsect2> <tocsect2 name="2.2 Important SVG concepts" url="concepts.html#Concepts"> </tocsect2> <tocsect2 name="2.3 Options for using SVG in Web pages" url="concepts.html#UsageOptions"> </tocsect2> </tocsect1> <tocsect1 name="3 Rendering Model" url="render.html"> <tocsect2 name="3.1 Introduction" url="render.html#Introduction"> </tocsect2> <tocsect2 name="3.2 The painters model" url="render.html#PaintersModel"> </tocsect2> <tocsect2 name="3.3 Rendering Order" url="render.html#RenderingOrder"> </tocsect2> <tocsect2 name="3.4 How groups are rendered" url="render.html#Grouping"> </tocsect2> <tocsect2 name="3.5 How elements are rendered" url="render.html#Elements"> </tocsect2> <tocsect2 name="3.6 Types of graphics elements" url="render.html#TypesOfGraphicsElements"> <tocsect3 name="3.6.1 Painting shapes and text" url="render.html#PaintingShapesAndText"> </tocsect3> <tocsect3 name="3.6.2 Painting raster images" url="render.html#PaintingRasterImages"> </tocsect3> </tocsect2> <tocsect2 name="3.7 Filtering painted regions" url="render.html#FilteringPaintRegions"> </tocsect2> <tocsect2 name="3.8 Clipping, masking and object opacity" url="render.html#ClippingMaskingObjectOpacity"> </tocsect2> <tocsect2 name="3.9 Parent Compositing" url="render.html#ParentCompositing"> </tocsect2> </tocsect1> <tocsect1 name="4 Basic Data Types and Interfaces" url="types.html"> <tocsect2 name="4.1 Syntax" url="types.html#Syntax"> </tocsect2> <tocsect2 name="4.2 Basic data types" url="types.html#BasicDataTypes"> </tocsect2> <tocsect2 name="4.3 Real number precision" url="types.html#Precision"> </tocsect2> <tocsect2 name="4.4 Recognized color keyword names" url="types.html#ColorKeywords"> </tocsect2> <tocsect2 name="4.5 Basic DOM interfaces" url="types.html#BasicDOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="5 Document Structure" url="struct.html"> <tocsect2 name="5.1 Defining an SVG document fragment: the 'svg' element" url="struct.html#NewDocument"> <tocsect3 name="5.1.1 Overview" url="struct.html#NewDocumentOverview"> </tocsect3> <tocsect3 name="5.1.2 The 'svg' element" url="struct.html#SVGElement"> </tocsect3> </tocsect2> <tocsect2 name="5.2 Grouping: the 'g' element" url="struct.html#Groups"> <tocsect3 name="5.2.1 Overview" url="struct.html#GroupsOverview"> </tocsect3> <tocsect3 name="5.2.2 The 'g' element" url="struct.html#GElement"> </tocsect3> </tocsect2> <tocsect2 name="5.3 References and the 'defs' element" url="struct.html#Head"> <tocsect3 name="5.3.1 Overview" url="struct.html#Overview"> </tocsect3> <tocsect3 name="5.3.2 The 'defs' element" url="struct.html#DefsElement"> </tocsect3> </tocsect2> <tocsect2 name="5.4 The 'desc' and 'title' elements" url="struct.html#DescriptionAndTitleElements"> </tocsect2> <tocsect2 name="5.5 The 'symbol' element" url="struct.html#SymbolElement"> </tocsect2> <tocsect2 name="5.6 The 'use' element" url="struct.html#UseElement"> </tocsect2> <tocsect2 name="5.7 The 'image' element" url="struct.html#ImageElement"> </tocsect2> <tocsect2 name="5.8 Conditional processing" url="struct.html#ConditionalProcessing"> <tocsect3 name="5.8.1 Conditional processing overview" url="struct.html#ConditionalProcessingOverview"> </tocsect3> <tocsect3 name="5.8.2 The 'switch' element" url="struct.html#SwitchElement"> </tocsect3> <tocsect3 name="5.8.3 The requiredFeatures attribute" url="struct.html#RequiredFeaturesAttribute"> </tocsect3> <tocsect3 name="5.8.4 The requiredExtensions attribute" url="struct.html#RequiredExtensionsAttribute"> </tocsect3> <tocsect3 name="5.8.5 The systemLanguage attribute" url="struct.html#SystemLanguageAttribute"> </tocsect3> <tocsect3 name="5.8.6 Applicability of test attributes" url="struct.html#ApplicabilityOfTestAttributes"> </tocsect3> </tocsect2> <tocsect2 name="5.9 Specifying whether external resources are required for proper rendering" url="struct.html#ExternalResourcesRequired"> </tocsect2> <tocsect2 name="5.10 Common attributes" url="struct.html#CommonAttributes"> <tocsect3 name="5.10.1 Attributes common to all elements: id and xml:base" url="struct.html#Core.attrib"> </tocsect3> <tocsect3 name="5.10.2 The xml:lang and xml:space attributes" url="struct.html#LangSpaceAttrs"> </tocsect3> </tocsect2> <tocsect2 name="5.11 DOM interfaces" url="struct.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="6 Styling" url="styling.html"> <tocsect2 name="6.1 SVG's styling properties" url="styling.html#SVGStylingProperties"> </tocsect2> <tocsect2 name="6.2 Usage scenarios for styling" url="styling.html#StylingScenarios"> </tocsect2> <tocsect2 name="6.3 Alternative ways to specify styling properties" url="styling.html#AlternativesForStyling"> </tocsect2> <tocsect2 name="6.4 Specifying properties using the presentation attributes" url="styling.html#UsingPresentationAttributes"> </tocsect2> <tocsect2 name="6.5 Styling with XSL" url="styling.html#StylingWithXSL"> </tocsect2> <tocsect2 name="6.6 Styling with CSS" url="styling.html#StylingWithCSS"> </tocsect2> <tocsect2 name="6.7 Case sensitivity of property names and values" url="styling.html#CaseSensitivity"> </tocsect2> <tocsect2 name="6.8 Facilities from CSS and XSL used by SVG" url="styling.html#SVGUseOfCSS"> </tocsect2> <tocsect2 name="6.9 Referencing external style sheets" url="styling.html#ReferencingExternalStyleSheets"> </tocsect2> <tocsect2 name="6.10 The 'style' element" url="styling.html#StyleElement"> </tocsect2> <tocsect2 name="6.11 The 'class' attribute" url="styling.html#ClassAttribute"> </tocsect2> <tocsect2 name="6.12 The 'style' attribute" url="styling.html#StyleAttribute"> </tocsect2> <tocsect2 name="6.13 Specifying the default style sheet language" url="styling.html#DefaultStyleSheetLanguage"> </tocsect2> <tocsect2 name="6.14 Property inheritance" url="styling.html#Inheritance"> </tocsect2> <tocsect2 name="6.15 The scope/range of styles" url="styling.html#Scope"> </tocsect2> <tocsect2 name="6.16 User agent style sheet" url="styling.html#UAStyleSheet"> </tocsect2> <tocsect2 name="6.17 Aural style sheets" url="styling.html#AuralStyleSheets"> </tocsect2> <tocsect2 name="6.18 DOM interfaces" url="styling.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="7 Coordinate Systems, Transformations and Units" url="coords.html"> <tocsect2 name="7.1 Introduction" url="coords.html#Introduction"> </tocsect2> <tocsect2 name="7.2 The initial viewport" url="coords.html#ViewportSpace"> </tocsect2> <tocsect2 name="7.3 The initial coordinate system" url="coords.html#InitialCoordinateSystem"> </tocsect2> <tocsect2 name="7.4 Coordinate system transformations" url="coords.html#EstablishingANewUserSpace"> </tocsect2> <tocsect2 name="7.5 Nested transformations" url="coords.html#NestedTransformations"> </tocsect2> <tocsect2 name="7.6 The transform attribute" url="coords.html#TransformAttribute"> </tocsect2> <tocsect2 name="7.7 The viewBox attribute" url="coords.html#ViewBoxAttribute"> </tocsect2> <tocsect2 name="7.8 The preserveAspectRatio attribute" url="coords.html#PreserveAspectRatioAttribute"> </tocsect2> <tocsect2 name="7.9 Establishing a new viewport" url="coords.html#EstablishingANewViewport"> </tocsect2> <tocsect2 name="7.10 Units" url="coords.html#Units"> </tocsect2> <tocsect2 name="7.11 Object bounding box units" url="coords.html#ObjectBoundingBox"> </tocsect2> <tocsect2 name="7.12 Intrinsic sizing properties of the viewport of SVG content" url="coords.html#IntrinsicSizing"> </tocsect2> <tocsect2 name="7.13 Geographic Coordinate Systems" url="coords.html#GeographicCoordinates"> </tocsect2> <tocsect2 name="7.14 The ‘svg:transform’ attribute" url="coords.html#SVGGlobalTransformAttribute"> </tocsect2> <tocsect2 name="7.15 DOM interfaces" url="coords.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="8 Paths" url="paths.html"> <tocsect2 name="8.1 Introduction" url="paths.html#Introduction"> </tocsect2> <tocsect2 name="8.2 The 'path' element" url="paths.html#PathElement"> </tocsect2> <tocsect2 name="8.3 Path Data" url="paths.html#PathData"> <tocsect3 name="8.3.1 General information about path data" url="paths.html#PathDataGeneralInformation"> </tocsect3> <tocsect3 name="8.3.2 The "moveto" commands" url="paths.html#PathDataMovetoCommands"> </tocsect3> <tocsect3 name="8.3.3 The "closepath" command" url="paths.html#PathDataClosePathCommand"> </tocsect3> <tocsect3 name="8.3.4 The "lineto" commands" url="paths.html#PathDataLinetoCommands"> </tocsect3> <tocsect3 name="8.3.5 The curve commands" url="paths.html#PathDataCurveCommands"> </tocsect3> <tocsect3 name="8.3.6 The cubic Bézier curve commands" url="paths.html#PathDataCubicBezierCommands"> </tocsect3> <tocsect3 name="8.3.7 The quadratic Bézier curve commands" url="paths.html#PathDataQuadraticBezierCommands"> </tocsect3> <tocsect3 name="8.3.8 The elliptical arc curve commands" url="paths.html#PathDataEllipticalArcCommands"> </tocsect3> <tocsect3 name="8.3.9 The grammar for path data" url="paths.html#PathDataBNF"> </tocsect3> </tocsect2> <tocsect2 name="8.4 Distance along a path" url="paths.html#DistanceAlongAPath"> </tocsect2> <tocsect2 name="8.5 DOM interfaces" url="paths.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="9 Basic Shapes" url="shapes.html"> <tocsect2 name="9.1 Introduction" url="shapes.html#Introduction"> </tocsect2> <tocsect2 name="9.2 The 'rect' element" url="shapes.html#RectElement"> </tocsect2> <tocsect2 name="9.3 The 'circle' element" url="shapes.html#CircleElement"> </tocsect2> <tocsect2 name="9.4 The 'ellipse' element" url="shapes.html#EllipseElement"> </tocsect2> <tocsect2 name="9.5 The 'line' element" url="shapes.html#LineElement"> </tocsect2> <tocsect2 name="9.6 The 'polyline' element" url="shapes.html#PolylineElement"> </tocsect2> <tocsect2 name="9.7 The 'polygon' element" url="shapes.html#PolygonElement"> <tocsect3 name="9.7.1 The grammar for points specifications in 'polyline' and 'polygon' elements" url="shapes.html#PointsBNF"> </tocsect3> </tocsect2> <tocsect2 name="9.8 DOM interfaces" url="shapes.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="10 Text" url="text.html"> <tocsect2 name="10.1 Introduction" url="text.html#Introduction"> </tocsect2> <tocsect2 name="10.2 Characters and their corresponding glyphs" url="text.html#CharactersAndGlyphs"> </tocsect2> <tocsect2 name="10.3 Fonts, font tables and baselines" url="text.html#FontsTablesBaselines"> </tocsect2> <tocsect2 name="10.4 The 'text' element" url="text.html#TextElement"> </tocsect2> <tocsect2 name="10.5 The 'tspan' element" url="text.html#TSpanElement"> </tocsect2> <tocsect2 name="10.6 The 'tref' element" url="text.html#TRefElement"> </tocsect2> <tocsect2 name="10.7 Text layout" url="text.html#TextLayout"> <tocsect3 name="10.7.1 Text layout introduction" url="text.html#TextLayoutIntroduction"> </tocsect3> <tocsect3 name="10.7.2 Setting the inline-progression-direction" url="text.html#SettingInlineProgressionDirection"> </tocsect3> <tocsect3 name="10.7.3 Glyph orientation within a text run" url="text.html#GlyphOrientation"> </tocsect3> <tocsect3 name="10.7.4 Relationship with bidirectionality" url="text.html#RelationshipWithBiDirectionality"> </tocsect3> </tocsect2> <tocsect2 name="10.8 Text rendering order" url="text.html#TextRenderingOrder"> </tocsect2> <tocsect2 name="10.9 Alignment properties" url="text.html#AlignmentProperties"> <tocsect3 name="10.9.1 Text alignment properties" url="text.html#TextAlignmentProperties"> </tocsect3> <tocsect3 name="10.9.2 Baseline alignment properties" url="text.html#BaselineAlignmentProperties"> </tocsect3> </tocsect2> <tocsect2 name="10.10 Font selection properties" url="text.html#FontPropertiesUsedBySVG"> </tocsect2> <tocsect2 name="10.11 Spacing properties" url="text.html#SpacingProperties"> </tocsect2> <tocsect2 name="10.12 Text decoration" url="text.html#TextDecorationProperties"> </tocsect2> <tocsect2 name="10.13 Text on a path" url="text.html#TextOnAPath"> <tocsect3 name="10.13.1 Introduction to text on a path" url="text.html#TextOnAPathIntroduction"> </tocsect3> <tocsect3 name="10.13.2 The 'textPath' element" url="text.html#TextPathElement"> </tocsect3> <tocsect3 name="10.13.3 Text on a path layout rules" url="text.html#TextpathLayoutRules"> </tocsect3> </tocsect2> <tocsect2 name="10.14 Alternate glyphs" url="text.html#AlternateGlyphs"> </tocsect2> <tocsect2 name="10.15 White space handling" url="text.html#WhiteSpace"> </tocsect2> <tocsect2 name="10.16 Text selection and clipboard operations" url="text.html#TextSelection"> </tocsect2> <tocsect2 name="10.17 DOM interfaces" url="text.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="11 Painting: Filling, Stroking and Marker Symbols" url="painting.html"> <tocsect2 name="11.1 Introduction" url="painting.html#Introduction"> </tocsect2> <tocsect2 name="11.2 Specifying paint" url="painting.html#SpecifyingPaint"> </tocsect2> <tocsect2 name="11.3 Fill Properties" url="painting.html#FillProperties"> </tocsect2> <tocsect2 name="11.4 Stroke Properties" url="painting.html#StrokeProperties"> </tocsect2> <tocsect2 name="11.5 Controlling visibility" url="painting.html#VisibilityControl"> </tocsect2> <tocsect2 name="11.6 Markers" url="painting.html#Markers"> <tocsect3 name="11.6.1 Introduction" url="painting.html#MarkersIntroduction"> </tocsect3> <tocsect3 name="11.6.2 The 'marker' element" url="painting.html#MarkerElement"> </tocsect3> <tocsect3 name="11.6.3 Marker properties" url="painting.html#MarkerProperties"> </tocsect3> <tocsect3 name="11.6.4 Details on how markers are rendered" url="painting.html#MarkerAlgorithm"> </tocsect3> </tocsect2> <tocsect2 name="11.7 Rendering properties" url="painting.html#RenderingProperties"> <tocsect3 name="11.7.1 Color interpolation properties: 'color-interpolation' and 'color-interpolation-filters'" url="painting.html#ColorInterpolationProperties"> </tocsect3> <tocsect3 name="11.7.2 The 'color-rendering' property" url="painting.html#ColorRenderingProperty"> </tocsect3> <tocsect3 name="11.7.3 The 'shape-rendering' property" url="painting.html#ShapeRenderingProperty"> </tocsect3> <tocsect3 name="11.7.4 The 'text-rendering' property" url="painting.html#TextRenderingProperty"> </tocsect3> <tocsect3 name="11.7.5 The 'image-rendering' property" url="painting.html#ImageRenderingProperty"> </tocsect3> </tocsect2> <tocsect2 name="11.8 Inheritance of painting properties" url="painting.html#InheritanceOfPaintingProperties"> </tocsect2> <tocsect2 name="11.9 DOM interfaces" url="painting.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="12 Color" url="color.html"> <tocsect2 name="12.1 Introduction" url="color.html#ColorIntroduction"> </tocsect2> <tocsect2 name="12.2 The 'color' property" url="color.html#ColorProperty"> </tocsect2> <tocsect2 name="12.3 Color profile descriptions" url="color.html#ColorProfileDescriptions"> <tocsect3 name="12.3.1 Overview of color profile descriptions" url="color.html#ColorProfileDescriptionsOverview"> </tocsect3> <tocsect3 name="12.3.2 Alternative ways for defining a color profile description" url="color.html#ColorProfileAlternatives"> </tocsect3> <tocsect3 name="12.3.3 The 'color-profile' element" url="color.html#ColorProfileElement"> </tocsect3> <tocsect3 name="12.3.4 @color-profile when using CSS styling" url="color.html#ColorProfileAtRule"> </tocsect3> <tocsect3 name="12.3.5 'color-profile' property" url="color.html#ColorProfileProperty"> </tocsect3> </tocsect2> <tocsect2 name="12.4 DOM interfaces" url="color.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="13 Gradients and Patterns" url="pservers.html"> <tocsect2 name="13.1 Introduction" url="pservers.html#Introduction"> </tocsect2> <tocsect2 name="13.2 Gradients" url="pservers.html#Gradients"> <tocsect3 name="13.2.1 Introduction" url="pservers.html#GradientsIntroduction"> </tocsect3> <tocsect3 name="13.2.2 Linear gradients" url="pservers.html#LinearGradients"> </tocsect3> <tocsect3 name="13.2.3 Radial gradients" url="pservers.html#RadialGradients"> </tocsect3> <tocsect3 name="13.2.4 Gradient stops" url="pservers.html#GradientStops"> </tocsect3> </tocsect2> <tocsect2 name="13.3 Patterns" url="pservers.html#Patterns"> </tocsect2> <tocsect2 name="13.4 DOM interfaces" url="pservers.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="14 Clipping, Masking and Compositing" url="masking.html"> <tocsect2 name="14.1 Introduction" url="masking.html#Introduction"> </tocsect2> <tocsect2 name="14.2 Simple alpha compositing" url="masking.html#SimpleAlphaBlending"> </tocsect2> <tocsect2 name="14.3 Clipping paths" url="masking.html#ClippingPaths"> <tocsect3 name="14.3.1 Introduction" url="masking.html#ClippingPathsIntro"> </tocsect3> <tocsect3 name="14.3.2 The initial clipping path" url="masking.html#InitialClippingPath"> </tocsect3> <tocsect3 name="14.3.3 The 'overflow' and 'clip' properties" url="masking.html#OverflowAndClipProperties"> </tocsect3> <tocsect3 name="14.3.4 Clip to viewport vs. clip to viewBox" url="masking.html#AutoClipAtViewportNotViewBox"> </tocsect3> <tocsect3 name="14.3.5 Establishing a new clipping path" url="masking.html#EstablishingANewClippingPath"> </tocsect3> </tocsect2> <tocsect2 name="14.4 Masking" url="masking.html#Masking"> </tocsect2> <tocsect2 name="14.5 Object and group opacity: the 'opacity' property" url="masking.html#ObjectAndGroupOpacityProperties"> </tocsect2> <tocsect2 name="14.6 DOM interfaces" url="masking.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="15 Filter Effects" url="filters.html"> <tocsect2 name="15.1 Introduction" url="filters.html#Introduction"> </tocsect2> <tocsect2 name="15.2 An example" url="filters.html#AnExample"> </tocsect2> <tocsect2 name="15.3 The 'filter' element" url="filters.html#FilterElement"> </tocsect2> <tocsect2 name="15.4 The 'filter' property" url="filters.html#FilterProperty"> </tocsect2> <tocsect2 name="15.5 Filter effects region" url="filters.html#FilterEffectsRegion"> </tocsect2> <tocsect2 name="15.6 Accessing the background image" url="filters.html#AccessingBackgroundImage"> </tocsect2> <tocsect2 name="15.7 Filter primitives overview" url="filters.html#FilterPrimitivesOverview"> <tocsect3 name="15.7.1 Overview" url="filters.html#FilterPrimitivesOverviewIntro"> </tocsect3> <tocsect3 name="15.7.2 Common attributes" url="filters.html#CommonAttributes"> </tocsect3> <tocsect3 name="15.7.3 Filter primitive subregion" url="filters.html#FilterPrimitiveSubRegion"> </tocsect3> </tocsect2> <tocsect2 name="15.8 Light source elements and properties" url="filters.html#LightSourceDefinitions"> <tocsect3 name="15.8.1 Introduction" url="filters.html#LightSourceIntro"> </tocsect3> <tocsect3 name="15.8.2 Light source 'feDistantLight'" url="filters.html#feDistantLightElement"> </tocsect3> <tocsect3 name="15.8.3 Light source 'fePointLight'" url="filters.html#fePointLightElement"> </tocsect3> <tocsect3 name="15.8.4 Light source 'feSpotLight'" url="filters.html#feSpotLightElement"> </tocsect3> <tocsect3 name="15.8.5 The 'lighting-color' property" url="filters.html#LightingColorProperty"> </tocsect3> </tocsect2> <tocsect2 name="15.9 Filter primitive 'feBlend'" url="filters.html#feBlendElement"> </tocsect2> <tocsect2 name="15.10 Filter primitive 'feColorMatrix'" url="filters.html#feColorMatrixElement"> </tocsect2> <tocsect2 name="15.11 Filter primitive 'feComponentTransfer'" url="filters.html#feComponentTransferElement"> </tocsect2> <tocsect2 name="15.12 Filter primitive 'feComposite'" url="filters.html#feCompositeElement"> </tocsect2> <tocsect2 name="15.13 Filter primitive 'feConvolveMatrix'" url="filters.html#feConvolveMatrixElement"> </tocsect2> <tocsect2 name="15.14 Filter primitive 'feDiffuseLighting'" url="filters.html#feDiffuseLightingElement"> </tocsect2> <tocsect2 name="15.15 Filter primitive 'feDisplacementMap'" url="filters.html#feDisplacementMapElement"> </tocsect2> <tocsect2 name="15.16 Filter primitive 'feFlood'" url="filters.html#feFloodElement"> </tocsect2> <tocsect2 name="15.17 Filter primitive 'feGaussianBlur'" url="filters.html#feGaussianBlurElement"> </tocsect2> <tocsect2 name="15.18 Filter primitive 'feImage'" url="filters.html#feImageElement"> </tocsect2> <tocsect2 name="15.19 Filter primitive 'feMerge'" url="filters.html#feMergeElement"> </tocsect2> <tocsect2 name="15.20 Filter primitive 'feMorphology'" url="filters.html#feMorphologyElement"> </tocsect2> <tocsect2 name="15.21 Filter primitive 'feOffset'" url="filters.html#feOffsetElement"> </tocsect2> <tocsect2 name="15.22 Filter primitive 'feSpecularLighting'" url="filters.html#feSpecularLightingElement"> </tocsect2> <tocsect2 name="15.23 Filter primitive 'feTile'" url="filters.html#feTileElement"> </tocsect2> <tocsect2 name="15.24 Filter primitive 'feTurbulence'" url="filters.html#feTurbulenceElement"> </tocsect2> <tocsect2 name="15.25 DOM interfaces" url="filters.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="16 Interactivity" url="interact.html"> <tocsect2 name="16.1 Introduction" url="interact.html#Introduction"> </tocsect2> <tocsect2 name="16.2 Complete list of supported events" url="interact.html#SVGEvents"> </tocsect2> <tocsect2 name="16.3 User interface events" url="interact.html#UIEvents"> </tocsect2> <tocsect2 name="16.4 Pointer events" url="interact.html#PointerEvents"> </tocsect2> <tocsect2 name="16.5 Hit-testing and processing order for user interface events" url="interact.html#pointer-processing"> </tocsect2> <tocsect2 name="16.6 The 'pointer-events' property" url="interact.html#PointerEventsProperty"> </tocsect2> <tocsect2 name="16.7 Magnification and panning" url="interact.html#EnableZoomAndPanControls"> </tocsect2> <tocsect2 name="16.8 Cursors" url="interact.html#Cursors"> <tocsect3 name="16.8.1 Introduction to cursors" url="interact.html#CursorIntro"> </tocsect3> <tocsect3 name="16.8.2 The 'cursor' property" url="interact.html#CursorProperty"> </tocsect3> <tocsect3 name="16.8.3 The 'cursor' element" url="interact.html#CursorElement"> </tocsect3> </tocsect2> <tocsect2 name="16.9 DOM interfaces" url="interact.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="17 Linking" url="linking.html"> <tocsect2 name="17.1 References" url="linking.html#IRIReference"> </tocsect2> <tocsect2 name="17.2 Links out of SVG content: the 'a' element" url="linking.html#Links"> </tocsect2> <tocsect2 name="17.3 Linking into SVG content: URI fragments and SVG views" url="linking.html#LinksIntoSVG"> <tocsect3 name="17.3.1 Introduction: URI fragments and SVG views" url="linking.html#IntroFragmentsViews"> </tocsect3> <tocsect3 name="17.3.2 SVG fragment identifiers" url="linking.html#SVGFragmentIdentifiers"> </tocsect3> <tocsect3 name="17.3.3 Predefined views: the 'view' element" url="linking.html#ViewElement"> </tocsect3> <tocsect3 name="17.3.4 Highlighting views" url="linking.html#ViewHighlight"> </tocsect3> </tocsect2> <tocsect2 name="17.4 DOM interfaces" url="linking.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="18 Scripting" url="script.html"> <tocsect2 name="18.1 Specifying the scripting language" url="script.html#ScriptingLanguage"> <tocsect3 name="18.1.1 Specifying the default scripting language" url="script.html#DefaultScriptingLanguage"> </tocsect3> <tocsect3 name="18.1.2 Local declaration of a scripting language" url="script.html#SpecifiedScriptingLanguage"> </tocsect3> </tocsect2> <tocsect2 name="18.2 The 'script' element" url="script.html#ScriptElement"> </tocsect2> <tocsect2 name="18.3 Event handling" url="script.html#EventHandling"> </tocsect2> <tocsect2 name="18.4 Event attributes" url="script.html#EventAttributes"> </tocsect2> <tocsect2 name="18.5 DOM interfaces" url="script.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="19 Animation" url="animate.html"> <tocsect2 name="19.1 Introduction" url="animate.html#Introduction"> </tocsect2> <tocsect2 name="19.2 Animation elements" url="animate.html#AnimationElements"> <tocsect3 name="19.2.1 Overview" url="animate.html#AnimationElementsIntro"> </tocsect3> <tocsect3 name="19.2.2 Relationship to SMIL Animation" url="animate.html#RelationshipToSMILAnimation"> </tocsect3> <tocsect3 name="19.2.3 Animation elements example" url="animate.html#AnimationElementsExample"> </tocsect3> <tocsect3 name="19.2.4 Attributes to identify the target element for an animation" url="animate.html#TargetElement"> </tocsect3> <tocsect3 name="19.2.5 Attributes to identify the target attribute or property for an animation" url="animate.html#TargetAttributes"> </tocsect3> <tocsect3 name="19.2.6 Animation with namespaces" url="animate.html#Animation.nsexample"> </tocsect3> <tocsect3 name="19.2.7 Paced animation and complex types" url="animate.html#complexDistances"> </tocsect3> <tocsect3 name="19.2.8 Attributes to control the timing of the animation" url="animate.html#TimingAttributes"> </tocsect3> <tocsect3 name="19.2.9 Attributes that define animation values over time" url="animate.html#ValueAttributes"> </tocsect3> <tocsect3 name="19.2.10 Attributes that control whether animations are additive" url="animate.html#AdditionAttributes"> </tocsect3> <tocsect3 name="19.2.11 Inheritance" url="animate.html#Inheritance"> </tocsect3> <tocsect3 name="19.2.12 The 'animate' element" url="animate.html#AnimateElement"> </tocsect3> <tocsect3 name="19.2.13 The 'set' element" url="animate.html#SetElement"> </tocsect3> <tocsect3 name="19.2.14 The 'animateMotion' element" url="animate.html#AnimateMotionElement"> </tocsect3> <tocsect3 name="19.2.15 The 'animateColor' element" url="animate.html#AnimateColorElement"> </tocsect3> <tocsect3 name="19.2.16 The 'animateTransform' element" url="animate.html#AnimateTransformElement"> </tocsect3> <tocsect3 name="19.2.17 Elements, attributes and properties that can be animated" url="animate.html#AnimationAttributesAndProperties"> </tocsect3> </tocsect2> <tocsect2 name="19.3 Animation using the SVG DOM" url="animate.html#DOMAnimationExample"> </tocsect2> <tocsect2 name="19.4 DOM interfaces" url="animate.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="20 Fonts" url="fonts.html"> <tocsect2 name="20.1 Introduction" url="fonts.html#Introduction"> </tocsect2> <tocsect2 name="20.2 Overview of SVG fonts" url="fonts.html#SVGFontsOverview"> </tocsect2> <tocsect2 name="20.3 The 'font' element" url="fonts.html#FontElement"> </tocsect2> <tocsect2 name="20.4 The 'glyph' element" url="fonts.html#GlyphElement"> </tocsect2> <tocsect2 name="20.5 The 'missing-glyph' element" url="fonts.html#MissingGlyphElement"> </tocsect2> <tocsect2 name="20.6 Glyph selection rules" url="fonts.html#GlyphSelectionRules"> </tocsect2> <tocsect2 name="20.7 The 'hkern' and 'vkern' elements" url="fonts.html#KernElements"> </tocsect2> <tocsect2 name="20.8 Describing a font" url="fonts.html#FontDescriptions"> <tocsect3 name="20.8.1 Overview of font descriptions" url="fonts.html#FontDescriptionsOverview"> </tocsect3> <tocsect3 name="20.8.2 Alternative ways for providing a font description" url="fonts.html#FontDescriptionsAlternatives"> </tocsect3> <tocsect3 name="20.8.3 The 'font-face' element" url="fonts.html#FontFaceElement"> </tocsect3> </tocsect2> <tocsect2 name="20.9 DOM interfaces" url="fonts.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="21 Metadata" url="metadata.html"> <tocsect2 name="21.1 Introduction" url="metadata.html#Introduction"> </tocsect2> <tocsect2 name="21.2 The 'metadata' element" url="metadata.html#MetadataElement"> </tocsect2> <tocsect2 name="21.3 An example" url="metadata.html#Example"> </tocsect2> <tocsect2 name="21.4 DOM interfaces" url="metadata.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="22 Backwards Compatibility" url="backward.html"> </tocsect1> <tocsect1 name="23 Extensibility" url="extend.html"> <tocsect2 name="23.1 Foreign namespaces and private data" url="extend.html#ForeignNamespaces"> </tocsect2> <tocsect2 name="23.2 Embedding foreign object types" url="extend.html#EmbeddingForeignObjects"> </tocsect2> <tocsect2 name="23.3 The 'foreignObject' element" url="extend.html#ForeignObjectElement"> </tocsect2> <tocsect2 name="23.4 An example" url="extend.html#AnExample"> </tocsect2> <tocsect2 name="23.5 Adding private elements and attributes to the DTD" url="extend.html#PrivateElementsAndAttribute"> </tocsect2> <tocsect2 name="23.6 DOM interfaces" url="extend.html#DOMInterfaces"> </tocsect2> </tocsect1> <tocsect1 name="Appendix A: DTD" url="svgdtd.html"> <tocsect2 name="A.1 Introduction" url="svgdtd.html#Introduction"> </tocsect2> <tocsect2 name="A.2 Modularization" url="svgdtd.html#Modularization"> <tocsect3 name="A.2.1 Element and attribute collections" url="svgdtd.html#ElementAndAttributeCollections"> </tocsect3> <tocsect3 name="A.2.2 Profiling the SVG specification" url="svgdtd.html#Profiling"> </tocsect3> <tocsect3 name="A.2.3 Practical considerations" url="svgdtd.html#PracticalConsiderations"> </tocsect3> </tocsect2> <tocsect2 name="A.3 SVG 1.1 DTD Module Implementations" url="svgdtd.html#DTD.1"> <tocsect3 name="A.3.1 Modular Framework Module" url="svgdtd.html#DTD.1.1"> </tocsect3> <tocsect3 name="A.3.2 Datatypes Module" url="svgdtd.html#DTD.1.2"> </tocsect3> <tocsect3 name="A.3.3 Qualified Name Module" url="svgdtd.html#DTD.1.3"> </tocsect3> <tocsect3 name="A.3.4 Core Attribute Module" url="svgdtd.html#DTD.1.4"> </tocsect3> <tocsect3 name="A.3.5 Container Attribute Module" url="svgdtd.html#DTD.1.5"> </tocsect3> <tocsect3 name="A.3.6 Viewport Attribute Module" url="svgdtd.html#DTD.1.6"> </tocsect3> <tocsect3 name="A.3.7 Paint Attribute Module" url="svgdtd.html#DTD.1.7"> </tocsect3> <tocsect3 name="A.3.8 Basic Paint Attribute Module" url="svgdtd.html#DTD.1.8"> </tocsect3> <tocsect3 name="A.3.9 Paint Opacity Attribute Module" url="svgdtd.html#DTD.1.9"> </tocsect3> <tocsect3 name="A.3.10 Graphics Attribute Module" url="svgdtd.html#DTD.1.10"> </tocsect3> <tocsect3 name="A.3.11 Basic Graphics Attribute Module" url="svgdtd.html#DTD.1.11"> </tocsect3> <tocsect3 name="A.3.12 Document Events Attribute Module" url="svgdtd.html#DTD.1.12"> </tocsect3> <tocsect3 name="A.3.13 Graphical Element Events Attribute Module" url="svgdtd.html#DTD.1.13"> </tocsect3> <tocsect3 name="A.3.14 Animation Events Attribute Module" url="svgdtd.html#DTD.1.14"> </tocsect3> <tocsect3 name="A.3.15 XLink Attribute Module" url="svgdtd.html#DTD.1.15"> </tocsect3> <tocsect3 name="A.3.16 External Resources Attribute Module" url="svgdtd.html#DTD.1.16"> </tocsect3> <tocsect3 name="A.3.17 Structure Module" url="svgdtd.html#DTD.1.17"> </tocsect3> <tocsect3 name="A.3.18 Basic Structure Module" url="svgdtd.html#DTD.1.18"> </tocsect3> <tocsect3 name="A.3.19 Conditional Processing Module" url="svgdtd.html#DTD.1.19"> </tocsect3> <tocsect3 name="A.3.20 Image Module" url="svgdtd.html#DTD.1.20"> </tocsect3> <tocsect3 name="A.3.21 Style Module" url="svgdtd.html#DTD.1.21"> </tocsect3> <tocsect3 name="A.3.22 Shape Module" url="svgdtd.html#DTD.1.22"> </tocsect3> <tocsect3 name="A.3.23 Text Module" url="svgdtd.html#DTD.1.23"> </tocsect3> <tocsect3 name="A.3.24 Basic Text Module" url="svgdtd.html#DTD.1.24"> </tocsect3> <tocsect3 name="A.3.25 Marker Module" url="svgdtd.html#DTD.1.25"> </tocsect3> <tocsect3 name="A.3.26 Color Profile Module" url="svgdtd.html#DTD.1.26"> </tocsect3> <tocsect3 name="A.3.27 Gradient Module" url="svgdtd.html#DTD.1.27"> </tocsect3> <tocsect3 name="A.3.28 Pattern Module" url="svgdtd.html#DTD.1.28"> </tocsect3> <tocsect3 name="A.3.29 Clip Module" url="svgdtd.html#DTD.1.29"> </tocsect3> <tocsect3 name="A.3.30 Basic Clip Module" url="svgdtd.html#DTD.1.30"> </tocsect3> <tocsect3 name="A.3.31 Mask Module" url="svgdtd.html#DTD.1.31"> </tocsect3> <tocsect3 name="A.3.32 Filter Module" url="svgdtd.html#DTD.1.32"> </tocsect3> <tocsect3 name="A.3.33 Basic Filter Module" url="svgdtd.html#DTD.1.33"> </tocsect3> <tocsect3 name="A.3.34 Cursor Module" url="svgdtd.html#DTD.1.34"> </tocsect3> <tocsect3 name="A.3.35 Hyperlinking Module" url="svgdtd.html#DTD.1.35"> </tocsect3> <tocsect3 name="A.3.36 View Module" url="svgdtd.html#DTD.1.36"> </tocsect3> <tocsect3 name="A.3.37 Scripting Module" url="svgdtd.html#DTD.1.37"> </tocsect3> <tocsect3 name="A.3.38 Animation Module" url="svgdtd.html#DTD.1.38"> </tocsect3> <tocsect3 name="A.3.39 Font Module" url="svgdtd.html#DTD.1.39"> </tocsect3> <tocsect3 name="A.3.40 Basic Font Module" url="svgdtd.html#DTD.1.40"> </tocsect3> <tocsect3 name="A.3.41 Extensibility Module" url="svgdtd.html#DTD.1.41"> </tocsect3> </tocsect2> <tocsect2 name="A.4 SVG 1.1 Document Type Definition" url="svgdtd.html#DTD.2"> <tocsect3 name="A.4.1 SVG 1.1 DTD Driver" url="svgdtd.html#DTD.2.1"> </tocsect3> <tocsect3 name="A.4.2 SVG 1.1 Document Model" url="svgdtd.html#DTD.2.2"> </tocsect3> <tocsect3 name="A.4.3 SVG 1.1 Attribute Collection" url="svgdtd.html#DTD.2.3"> </tocsect3> </tocsect2> </tocsect1> <tocsect1 name="Appendix B: SVG Document Object Model (DOM)" url="svgdom.html"> <tocsect2 name="B.1 SVG DOM Overview" url="svgdom.html#SVGDOMOverview"> </tocsect2> <tocsect2 name="B.2 Elements in the SVG DOM" url="svgdom.html#ElementsInTheSVGDOM"> </tocsect2> <tocsect2 name="B.3 Naming Conventions" url="svgdom.html#SVGDOMNamingConventions"> </tocsect2> <tocsect2 name="B.4 Exception SVGException" url="svgdom.html#ExceptionSVGException"> </tocsect2> <tocsect2 name="B.5 Feature strings for the hasFeature method call" url="svgdom.html#FeatureStrings"> </tocsect2> <tocsect2 name="B.6 Relationship with DOM2 events" url="svgdom.html#RelationshipWithDOM2Events"> </tocsect2> <tocsect2 name="B.7 Relationship with DOM2 CSS" url="svgdom.html#RelationshipWithCSSOM"> <tocsect3 name="B.7.1 Introduction" url="svgdom.html#CSSDOMIntro"> </tocsect3> <tocsect3 name="B.7.2 User agents that do not support styling with CSS" url="svgdom.html#CSSDOMFeaturesNoCSSSupport"> </tocsect3> <tocsect3 name="B.7.3 User agents that support styling with CSS" url="svgdom.html#CSSDOMFeaturesWithCSSSupport"> </tocsect3> <tocsect3 name="B.7.4 Extended interfaces" url="svgdom.html#ExtendedInterfaces"> </tocsect3> </tocsect2> <tocsect2 name="B.8 Read only nodes in the DOM" url="svgdom.html#ReadOnlyNodes"> </tocsect2> <tocsect2 name="B.9 Invalid values" url="svgdom.html#InvalidValues"> </tocsect2> </tocsect1> <tocsect1 name="Appendix C: IDL Definitions" url="idl.html"> </tocsect1> <tocsect1 name="Appendix D: Java Language Binding" url="java.html"> <tocsect2 name="D.1 The Java language binding" url="java.html#JavaBinding"> </tocsect2> <tocsect2 name="D.2 Using SVG with Java language" url="java.html#UsingSVGWithJava"> </tocsect2> </tocsect1> <tocsect1 name="Appendix E: ECMAScript Language Binding" url="escript.html"> </tocsect1> <tocsect1 name="Appendix F: Implementation Requirements" url="implnote.html"> <tocsect2 name="F.1 Introduction" url="implnote.html#Introduction"> </tocsect2> <tocsect2 name="F.2 Error processing" url="implnote.html#ErrorProcessing"> </tocsect2> <tocsect2 name="F.3 Version control" url="implnote.html#VersionControl"> </tocsect2> <tocsect2 name="F.4 Clamping values which are restricted to a particular range" url="implnote.html#RangeClamping"> </tocsect2> <tocsect2 name="F.5 'path' element implementation notes" url="implnote.html#PathElementImplementationNotes"> </tocsect2> <tocsect2 name="F.6 Elliptical arc implementation notes" url="implnote.html#ArcImplementationNotes"> <tocsect3 name="F.6.1 Elliptical arc syntax" url="implnote.html#ArcSyntax"> </tocsect3> <tocsect3 name="F.6.2 Out-of-range parameters" url="implnote.html#ArcOutOfRangeParameters"> </tocsect3> <tocsect3 name="F.6.3 Parameterization alternatives" url="implnote.html#ArcParameterizationAlternatives"> </tocsect3> <tocsect3 name="F.6.4 Conversion from center to endpoint parameterization" url="implnote.html#ArcConversionCenterToEndpoint"> </tocsect3> <tocsect3 name="F.6.5 Conversion from endpoint to center parameterization" url="implnote.html#ArcConversionEndpointToCenter"> </tocsect3> <tocsect3 name="F.6.6 Correction of out-of-range radii" url="implnote.html#ArcCorrectionOutOfRangeRadii"> </tocsect3> </tocsect2> <tocsect2 name="F.7 Text selection implementation notes" url="implnote.html#TextSelectionImplementationNotes"> </tocsect2> <tocsect2 name="F.8 Printing implementation notes" url="implnote.html#PrintingImplementationNotes"> </tocsect2> </tocsect1> <tocsect1 name="Appendix G: Conformance Criteria" url="conform.html"> <tocsect2 name="G.1 Introduction" url="conform.html#Introduction"> </tocsect2> <tocsect2 name="G.2 Conforming SVG Document Fragments" url="conform.html#ConformingSVGDocuments"> </tocsect2> <tocsect2 name="G.3 Conforming SVG Stand-Alone Files" url="conform.html#ConformingSVGStandAloneFiles"> </tocsect2> <tocsect2 name="G.4 Conforming SVG Generators" url="conform.html#ConformingSVGGenerators"> </tocsect2> <tocsect2 name="G.5 Conforming SVG Servers" url="conform.html#ConformingSVGServers"> </tocsect2> <tocsect2 name="G.6 Conforming SVG DOM Subtree" url="conform.html#ConformingSVGDOMSubtree"> </tocsect2> <tocsect2 name="G.7 Conforming SVG Interpreters" url="conform.html#ConformingSVGInterpreters"> </tocsect2> <tocsect2 name="G.8 Conforming SVG Viewers" url="conform.html#ConformingSVGViewers"> </tocsect2> </tocsect1> <tocsect1 name="Appendix H: Accessibility Support" url="access.html"> <tocsect2 name="H.1 WAI Accessibility Guidelines" url="access.html#AccessibilityAndSVG"> </tocsect2> <tocsect2 name="H.2 SVG Content Accessibility Guidelines" url="access.html#SVGAccessibilityGuidelines"> </tocsect2> </tocsect1> <tocsect1 name="Appendix I: Internationalization Support" url="i18n.html"> <tocsect2 name="I.1 Introduction" url="i18n.html#Intro"> </tocsect2> <tocsect2 name="I.2 Internationalization and SVG" url="i18n.html#InternationalizationAndSVG"> </tocsect2> <tocsect2 name="I.3 SVG Internationalization Guidelines" url="i18n.html#SVGInternationalizationGuidelines"> </tocsect2> </tocsect1> <tocsect1 name="Appendix J: Minimizing SVG File Sizes" url="minimize.html"> </tocsect1> <tocsect1 name="Appendix K: References" url="refs.html"> <tocsect2 name="K.1 Normative references" url="refs.html#NormativeReferences"> </tocsect2> <tocsect2 name="K.2 Informative references" url="refs.html#InformativeReferences"> </tocsect2> </tocsect1> <tocsect1 name="Appendix L: Element Index" url="eltindex.html"> </tocsect1> <tocsect1 name="Appendix M: Attribute Index" url="attindex.html"> <tocsect2 name="M.1 Regular attributes" url="attindex.html#RegularAttributes"> </tocsect2> <tocsect2 name="M.2 Presentation attributes" url="attindex.html#PresentationAttributes"> </tocsect2> </tocsect1> <tocsect1 name="Appendix N: Property Index" url="propidx.html"> </tocsect1> <tocsect1 name="Appendix O: Feature Strings" url="feature.html"> <tocsect2 name="O.1 Introduction" url="feature.html#Introducation"> </tocsect2> <tocsect2 name="O.2 SVG 1.1 feature strings" url="feature.html#SVG11FeatureStrings"> </tocsect2> <tocsect2 name="O.3 SVG 1.0 feature strings" url="feature.html#SVG10FeatureStrings"> </tocsect2> </tocsect1> <tocsect1 name="Appendix P: Media Type Registration for image/svg+xml" url="mimereg.html"> <tocsect2 name="P.1 Introduction " url="mimereg.html#mime-intro"> </tocsect2> <tocsect2 name="P.2 Registration of media type image/svg+xml " url="mimereg.html#mime-registration"> </tocsect2> </tocsect1> <tocsect1 name="Appendix Q: Changes" url="changes.html"> </tocsect1> <tocsect1 name="Expanded Table of Contents" url="expanded-toc.html"> </tocsect1> </tdeveloptoc>