CINXE.COM

<!DOCTYPE html>  <html lang="en"> <head><meta charset="UTF-8"/> <title>Scalable Vector Graphics (SVG) 2</title> <link rel="canonical" href="https://www.w3.org/TR/SVG2/"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>  <link rel="stylesheet" title="Default" href="style/svg.css" type="text/css" media="screen"/><link rel="alternate stylesheet" title="Only annotations for publication" href="style/default_no_maturity.css" type="text/css" media="screen"/><link rel="alternate stylesheet" title="No issues/annotations" href="style/default_no_issues.css" type="text/css" media="screen"/><link rel="stylesheet" href="//www.w3.org/StyleSheets/TR/2016/W3C-CR" type="text/css" media="screen"/><script src="style/link-fixup.js"></script></head> <body class="ready-for-wider-review chapter-Overview"> <div class="head"> <a href="https://www.w3.org/"><img height="48" width="72" alt="W3C" src="https://www.w3.org/StyleSheets/TR/2016/logos/W3C"/></a> <h1 id="pagetitle">Scalable Vector Graphics (SVG) 2</h1> <h2 id="pagesubtitle">W3C Candidate Recommendation 04 October 2018</h2> <dl> <dt>This version:</dt> <dd><a href="https://www.w3.org/TR/2018/CR-SVG2-20181004/" class="url">https://www.w3.org/TR/2018/CR-SVG2-20181004/</a></dd> <dt>Latest version:</dt> <dd><a href="https://www.w3.org/TR/SVG2/" class="url">https://www.w3.org/TR/SVG2/</a></dd> <dt>Previous version:</dt> <dd><a href="https://www.w3.org/TR/2018/CR-SVG2-20180807/" class="url">https://www.w3.org/TR/2018/CR-SVG2-20180807/</a></dd> <dt>Editors draft</dt> <dd><a href="https://svgwg.org/svg2-draft/" class="url">https://svgwg.org/svg2-draft/</a></dd> <dt>Single page version:</dt> <dd><a href="single-page.html" class="url">https://svgwg.org/svg2-draft/single-page.html</a></dd> <dt>GitHub repository:</dt> <dd><a href="https://github.com/w3c/svgwg/">https://github.com/w3c/svgwg/</a></dd> <dt>Public comments:</dt> <dd><a href="mailto:www-svg@w3.org" class="url">www-svg@w3.org</a> (<a href="http://lists.w3.org/Archives/Public/www-svg/">archive</a>)</dd> <dt class="top-editors">Editors:</dt> <dd>Amelia Bellamy-Royds, Invited Expert <<a href="mailto:amelia.bellamy.royds@gmail.com" class="url">amelia.bellamy.royds@gmail.com</a>></dd> <dd>Bogdan Brinza, Microsoft Co. <<a href="mailto:bbrinza@microsoft.com" class="url">bbrinza@microsoft.com</a>></dd> <dd>Chris Lilley, W3C <<a href="mailto:chris@w3.org" class="url">chris@w3.org</a>></dd> <dd>Dirk Schulze, Adobe Systems <<a href="mailto:dschulze@adobe.com" class="url">dschulze@adobe.com</a>></dd> <dd>David Storey, Microsoft Co. <<a href="mailto:dstorey@microsoft.com" class="url">dstorey@microsoft.com</a>></dd> <dd>Eric Willigers, Google</dd> <dt class="top-editors">Former Editors:</dt> <dd>Nikos Andronikos, Canon, Inc. <<a href="mailto:nikos.andronikos@cisra.canon.com.au" class="url">nikos.andronikos@cisra.canon.com.au</a>></dd> <dd>Rossen Atanassov, Microsoft Co. <<a href="mailto:ratan@microsoft.com" class="url">ratan@microsoft.com</a>></dd> <dd>Tavmjong Bah, Invited Expert <<a href="mailto:tavmjong@free.fr" class="url">tavmjong@free.fr</a>></dd> <dd>Brian Birtles, Mozilla Japan <<a href="mailto:bbirtles@mozilla.com" class="url">bbirtles@mozilla.com</a>></dd> <dd>Cyril Concolato, Telecom ParisTech <<a href="mailto:cyril.concolato@telecom-paristech.fr" class="url">cyril.concolato@telecom-paristech.fr</a>></dd> <dd>Erik Dahlström, Invited Expert <<a href="mailto:erik@xn--dahlstrm-t4a.net" class="url">erik@dahlström.net</a>></dd> <dd>Cameron McCormack, Mozilla Corporation <<a href="mailto:cam@mcc.id.au" class="url">cam@mcc.id.au</a>></dd> <dd>Doug Schepers, W3C <<a href="mailto:schepers@w3.org" class="url">schepers@w3.org</a>></dd> <dd>Richard Schwerdtfeger, IBM <<a href="mailto:schwer@us.ibm.com" class="url">schwer@us.ibm.com</a>></dd> <dd>Satoru Takagi, KDDI Corporation <<a href="mailto:sa-takagi@kddi.com" class="url">sa-takagi@kddi.com</a>></dd> <dd>Jonathan Watt, Mozilla Corporation <<a href="mailto:jwatt@jwatt.org" class="url">jwatt@jwatt.org</a>></dd> </dl>  <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2018 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a>® (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply. <hr/> </div> <h2 id="abstract">Abstract</h2> This specification defines the features and syntax for Scalable Vector Graphics (SVG) Version 2. SVG is a language based on XML for describing two-dimensional vector and mixed vector/raster graphics. SVG content is stylable, scalable to different display resolutions, and can be viewed stand-alone, mixed with HTML content, or embedded using XML namespaces within other XML languages. SVG also supports dynamic changes; script can be used to create interactive documents, and animations can be performed using declarative animation features or by using script. <h2 id="status">Status of This Document</h2> This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current W3C publications and the latest revision of this technical report can be found in the <a href="https://www.w3.org/TR/">W3C technical reports index</a> at https://www.w3.org/TR/. This document is the 04 October 2018 Candidate Recommendation of SVG 2. This version of SVG builds upon <a href="https://www.w3.org/TR/2011/REC-SVG11-20110816/">SVG 1.1 Second Edition</a> by improving the usability and precision of the language.  The <a href="changes.html">Changes</a> appendix lists all of the changes that have been made since SVG 1.1 Second Edition. Publication as a Candidate Recommendation does not imply endorsement by the W3C Membership. This is a draft document and may be updated, replaced or obsoleted by other documents at any time. It is inappropriate to cite this document as other than work in progress. This Candidate Recommendation is expected to advance to Proposed Recommendation no earlier than 04 December 2018. There is no preliminary implementation report at this time. The SVG Working Group is working on a test suite for SVG2 and expects to produce an implementation report based on those tests. Comments on this Candidate Recommendation are welcome.  Comments can be raised as <a href="https://github.com/w3c/svgwg/issues">GitHub issues</a> (preferred), or alternatively be sent to <a href="mailto:www-svg@w3.org" class="url">www-svg@w3.org</a>, the public email list for issues related to vector graphics on the Web. This list is <a href="http://lists.w3.org/Archives/Public/www-svg/">archived</a> and senders must agree to have their message publicly archived from their first posting. To subscribe send an email to <a href="mailto:www-svg-request@w3.org" class="url">www-svg-request@w3.org</a> with the word <code>subscribe</code> in the subject line. <div class="note"> The specification includes a number of annotations that the Working Group is using to record links to meeting minutes and resolutions where specific decisions about SVG features have been made. Different coloring is also used to mark the maturity of different sections of the specification: <ul> <li>a red background indicates a section that is either unchanged since SVG 1.1 (and which therefore still requires review and possible rewriting for SVG 2), or a section that is new but still requires substantial work</li> <li>a yellow background indicates a section from SVG 1.1 that has been reviewed and rewritten if necessary, or a new section that is complete and ready for the rest of the Working Group to review</li> <li>a white background indicates a section, either from SVG 1.1 or new for SVG 2, that has been reviewed by the Working Group and which is ready for wider review</li> </ul> </div>  This document has been produced by the <a href="https://www.w3.org/Graphics/SVG/WG/">W3C SVG Working Group</a> as part of the <a href="https://www.w3.org/Graphics/Activity">Graphics Activity</a> within the <a href="https://www.w3.org/Interaction/">W3C Interaction Domain</a>. The goals of the W3C SVG Working Group are discussed in the <a href="https://www.w3.org/2007/11/SVG_rechartering/SVG-WG-charter.html">W3C SVG Charter</a>. The W3C SVG Working Group maintains a public Web page, <a href="https://www.w3.org/Graphics/SVG/" class="url">https://www.w3.org/Graphics/SVG/</a>, that contains further background information. The authors of this document are the SVG Working Group participants. This document was produced by a group operating under the <a href="https://www.w3.org/Consortium/Patent-Policy/">W3C Patent Policy</a>. W3C maintains a <a rel="disclosure" href="https://www.w3.org/2004/01/pp-impl/19480/status">public list of any patent disclosures</a> made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent. An individual who has actual knowledge of a patent which the individual believes contains <a href="https://www.w3.org/Consortium/Patent-Policy/#def-essential">Essential Claim(s)</a> must disclose the information in accordance with <a href="https://www.w3.org/Consortium/Patent-Policy/#sec-Disclosure">section 6 of the W3C Patent Policy</a>. A list of current W3C Recommendations and other technical documents can be found at <a href="https://www.w3.org/TR/" class="url">https://www.w3.org/TR/</a>. W3C publications may be updated, replaced, or obsoleted by other documents at any time. This document is governed by the <a id="w3c_process_revision" href="https://www.w3.org/2018/Process-20180201/">1 February 2018 W3C Process Document</a>. All features in this specification depend upon implementation in browsers or authoring tools. If a feature is not certain to be implemented, we define that feature as "at risk". At-risk features will be removed from the current specification, and may be included in future versions of the specification. If an at-risk feature is particularly important to authors of SVG, those authors are encouraged to give feedback to implementers regarding its priority. The following features are at risk, and may be dropped during the CR period: <ul> <li>More than one ‘<a href="struct.html#TitleElement">title</a>’ or ‘<a href="struct.html#DescElement">desc</a>’ to provide localisation</li> <li>‘<a href="interact.html#ZoomAndPanAttribute">zoomAndPan</a>’</li> <li><a href="linking.html#Links">Nested links</a></li> <li>‘<a href="struct.html#UnknownElement">unknown</a>’ elements and the <a class="idlinterface" href="struct.html#InterfaceSVGUnknownElement">SVGUnknownElement</a> interface.</li> <li><a class="property" href="coords.html#VectorEffectProperty">vector-effect</a> options other than non-scaling-stroke</li> </ul>  <nav id="toc" data-never-rename=""> <h2 id="fulltoc">Table of Contents</h2> <ol class="toc"><li>1. <a href="intro.html">Introduction</a><ol class="toc"><li><a href="intro.html#AboutSVG">1.1. About SVG</a></li><li><a href="intro.html#W3CCompatibility">1.2. Compatibility with other standards efforts</a></li><li><a href="intro.html#ConformanceTerms">1.3. Normative Terminology</a></li></ol></li><li>2. <a href="conform.html">Conformance Criteria</a><ol class="toc"><li><a href="conform.html#conformance-overview">2.1. Overview</a></li><li><a href="conform.html#processing-modes">2.2. Processing modes</a><ol class="toc"><li><a href="conform.html#features">2.2.1. Features</a></li><li><a href="conform.html#dynamic-interactive-mode">2.2.2. Dynamic interactive mode</a></li><li><a href="conform.html#animated-mode">2.2.3. Animated mode</a></li><li><a href="conform.html#secure-animated-mode">2.2.4. Secure animated mode</a></li><li><a href="conform.html#static-mode">2.2.5. Static mode</a></li><li><a href="conform.html#secure-static-mode">2.2.6. Secure static mode</a></li></ol></li><li><a href="conform.html#referencing-modes">2.3. Processing modes for SVG sub-resource documents</a><ol class="toc"><li><a href="conform.html#examples">2.3.1. Examples</a></li></ol></li><li><a href="conform.html#DocumentConformanceClasses">2.4. Document Conformance Classes </a><ol class="toc"><li><a href="conform.html#ConformingSVGDOMSubtrees">2.4.1. Conforming SVG DOM Subtrees</a></li><li><a href="conform.html#ConformingSVGFragments">2.4.2. Conforming SVG Markup Fragments</a></li><li><a href="conform.html#ConformingSVGXMLFragments">2.4.3. Conforming XML-Compatible SVG Markup Fragments</a></li><li><a href="conform.html#ConformingSVGXMLDOMSubtrees">2.4.4. Conforming XML-Compatible SVG DOM Subtrees</a></li><li><a href="conform.html#ConformingSVGStandAloneFiles">2.4.5. Conforming SVG Stand-Alone Files</a></li><li><a href="conform.html#ErrorProcessing">2.4.6. Error processing</a></li></ol></li><li><a href="conform.html#SoftwareConformanceClasses">2.5. Software Conformance Classes</a><ol class="toc"><li><a href="conform.html#ConformingSVGGenerators">2.5.1. Conforming SVG Generators</a></li><li><a href="conform.html#ConformingSVGAuthoringTools">2.5.2. Conforming SVG Authoring Tools</a></li><li><a href="conform.html#ConformingSVGServers">2.5.3. Conforming SVG Servers</a></li><li><a href="conform.html#ConformingSVGInterpreters">2.5.4. Conforming SVG Interpreters</a></li><li><a href="conform.html#ConformingSVGViewers">2.5.5. Conforming SVG Viewers</a><ol class="toc"><li><a href="conform.html#PrintingImplementationNotes">2.5.5.1. Printing implementation notes</a></li></ol></li><li><a href="conform.html#ConformingHighQualitySVGViewers">2.5.6. Conforming High-Quality SVG Viewer</a></li></ol></li></ol></li><li>3. <a href="render.html">Rendering Model</a><ol class="toc"><li><a href="render.html#Introduction">3.1. Introduction</a></li><li><a href="render.html#RenderingTree">3.2. The rendering tree</a><ol class="toc"><li><a href="render.html#Definitions">3.2.1. Definitions</a></li><li><a href="render.html#Rendered-vs-NonRendered">3.2.2. Rendered versus non-rendered elements</a></li><li><a href="render.html#VisibilityControl">3.2.3. Controlling visibility: the effect of the ‘display’ and ‘visibility’ properties</a></li><li><a href="render.html#ReusedGraphics">3.2.4. Re-used graphics</a></li></ol></li><li><a href="render.html#PaintersModel">3.3. The painters model</a></li><li><a href="render.html#RenderingOrder">3.4. Rendering order</a><ol class="toc"><li><a href="render.html#EstablishingStackingContex">3.4.1. Establishing a stacking context in SVG</a></li></ol></li><li><a href="render.html#Elements">3.5. How elements are rendered</a></li><li><a href="render.html#Grouping">3.6. How groups are rendered</a><ol class="toc"><li><a href="render.html#ObjectAndGroupOpacityProperties">3.6.1. Object and group opacity: the effect of the ‘opacity’ property</a></li></ol></li><li><a href="render.html#TypesOfGraphicsElements">3.7. Types of graphics elements</a><ol class="toc"><li><a href="render.html#PaintingShapesAndText">3.7.1. Painting shapes and text</a></li><li><a href="render.html#PaintingRasterImages">3.7.2. Painting raster images</a></li></ol></li><li><a href="render.html#FilteringPaintRegions">3.8. Filtering painted regions</a></li><li><a href="render.html#ClippingAndMasking">3.9. Clipping and masking</a></li><li><a href="render.html#ParentCompositing">3.10. Parent compositing</a></li><li><a href="render.html#OverflowAndClipProperties">3.11. The effect of the ‘overflow’ property</a></li></ol></li><li>4. <a href="types.html">Basic Data Types and Interfaces</a><ol class="toc"><li><a href="types.html#definitions">4.1. Definitions</a></li><li><a href="types.html#syntax">4.2. Attribute syntax</a><ol class="toc"><li><a href="types.html#Precision">4.2.1. Real number precision</a></li><li><a href="types.html#RangeClamping">4.2.2. Clamping values which are restricted to a particular range</a></li></ol></li><li><a href="types.html#SVGDOMOverview">4.3. SVG DOM overview</a><ol class="toc"><li><a href="types.html#SVGDOMDependencies">4.3.1. Dependencies for SVG DOM support</a></li><li><a href="types.html#SVGDOMNamingConventions">4.3.2. Naming conventions</a></li><li><a href="types.html#ElementsInTheSVGDOM">4.3.3. Elements in the SVG DOM</a></li><li><a href="types.html#ReflectingAttributes">4.3.4. Reflecting content attributes in the DOM</a></li><li><a href="types.html#SynchronizingReflectedValues">4.3.5. Synchronizing reflected values</a></li><li><a href="types.html#SVGObjectInitialization">4.3.6. Reflecting an empty initial value</a></li><li><a href="types.html#InvalidValues">4.3.7. Invalid values</a></li></ol></li><li><a href="types.html#DOMInterfacesForSVGElements">4.4. DOM interfaces for SVG elements</a><ol class="toc"><li><a href="types.html#InterfaceSVGElement">4.4.1. Interface SVGElement</a></li><li><a href="types.html#InterfaceSVGGraphicsElement">4.4.2. Interface SVGGraphicsElement</a></li><li><a href="types.html#InterfaceSVGGeometryElement">4.4.3. Interface SVGGeometryElement</a></li></ol></li><li><a href="types.html#DOMInterfacesForBasicDataTypes">4.5. DOM interfaces for basic data types</a><ol class="toc"><li><a href="types.html#InterfaceSVGNumber">4.5.1. Interface SVGNumber</a></li><li><a href="types.html#InterfaceSVGLength">4.5.2. Interface SVGLength</a></li><li><a href="types.html#InterfaceSVGAngle">4.5.3. Interface SVGAngle</a></li><li><a href="types.html#ListInterfaces">4.5.4. List interfaces</a></li><li><a href="types.html#InterfaceSVGNumberList">4.5.5. Interface SVGNumberList</a></li><li><a href="types.html#InterfaceSVGLengthList">4.5.6. Interface SVGLengthList</a></li><li><a href="types.html#InterfaceSVGStringList">4.5.7. Interface SVGStringList</a></li></ol></li><li><a href="types.html#DOMInterfacesForReflectingSVGAttributes">4.6. DOM interfaces for reflecting animatable SVG attributes</a><ol class="toc"><li><a href="types.html#InterfaceSVGAnimatedBoolean">4.6.1. Interface SVGAnimatedBoolean</a></li><li><a href="types.html#InterfaceSVGAnimatedEnumeration">4.6.2. Interface SVGAnimatedEnumeration</a></li><li><a href="types.html#InterfaceSVGAnimatedInteger">4.6.3. Interface SVGAnimatedInteger</a></li><li><a href="types.html#InterfaceSVGAnimatedNumber">4.6.4. Interface SVGAnimatedNumber</a></li><li><a href="types.html#InterfaceSVGAnimatedLength">4.6.5. Interface SVGAnimatedLength</a></li><li><a href="types.html#InterfaceSVGAnimatedAngle">4.6.6. Interface SVGAnimatedAngle</a></li><li><a href="types.html#InterfaceSVGAnimatedString">4.6.7. Interface SVGAnimatedString</a></li><li><a href="types.html#InterfaceSVGAnimatedRect">4.6.8. Interface SVGAnimatedRect</a></li><li><a href="types.html#InterfaceSVGAnimatedNumberList">4.6.9. Interface SVGAnimatedNumberList</a></li><li><a href="types.html#InterfaceSVGAnimatedLengthList">4.6.10. Interface SVGAnimatedLengthList</a></li></ol></li><li><a href="types.html#OtherDOMInterfaces">4.7. Other DOM interfaces</a><ol class="toc"><li><a href="types.html#InterfaceSVGUnitTypes">4.7.1. Interface SVGUnitTypes</a></li><li><a href="types.html#InterfaceSVGTests">4.7.2. Mixin SVGTests</a></li><li><a href="types.html#InterfaceSVGFitToViewBox">4.7.3. Mixin SVGFitToViewBox</a></li><li><a href="types.html#InterfaceSVGZoomAndPan">4.7.4. Mixin SVGZoomAndPan</a></li><li><a href="types.html#InterfaceSVGURIReference">4.7.5. Mixin SVGURIReference</a></li></ol></li></ol></li><li>5. <a href="struct.html">Document Structure</a><ol class="toc"><li><a href="struct.html#NewDocument">5.1. Defining an SVG document fragment: the ‘svg’ element</a><ol class="toc"><li><a href="struct.html#NewDocumentOverview">5.1.1. Overview</a></li><li><a href="struct.html#Namespace">5.1.2. Namespace</a></li><li><a href="struct.html#Definitions">5.1.3. Definitions</a></li><li><a href="struct.html#SVGElement">5.1.4. The ‘svg’ element</a></li></ol></li><li><a href="struct.html#Groups">5.2. Grouping: the ‘g’ element</a><ol class="toc"><li><a href="struct.html#GroupsOverview">5.2.1. Overview</a></li><li><a href="struct.html#GElement">5.2.2. The ‘g’ element</a></li></ol></li><li><a href="struct.html#UnknownElement">5.3. Unknown elements</a></li><li><a href="struct.html#Head">5.4. Defining content for reuse, and the ‘defs’ element</a><ol class="toc"><li><a href="struct.html#Overview">5.4.1. Overview</a></li><li><a href="struct.html#DefsElement">5.4.2. The ‘defs’ element</a></li></ol></li><li><a href="struct.html#SymbolElement">5.5. The ‘symbol’ element</a><ol class="toc"><li><a href="struct.html#SymbolAttributes">5.5.1. Attributes</a></li><li><a href="struct.html#SymbolNotes">5.5.2. Notes on symbols</a></li></ol></li><li><a href="struct.html#UseElement">5.6. The ‘use’ element</a><ol class="toc"><li><a href="struct.html#UseShadowTree">5.6.1. The use-element shadow tree</a></li><li><a href="struct.html#UseLayout">5.6.2. Layout of re-used graphics</a></li><li><a href="struct.html#UseStyleInheritance">5.6.3. Style Scoping and Inheritance</a></li><li><a href="struct.html#UseMultimedia">5.6.4. Multimedia in use-element shadow trees</a></li><li><a href="struct.html#UseAnimations">5.6.5. Animations in use-element shadow trees</a></li><li><a href="struct.html#UseEventHandling">5.6.6. Event handling in use-element shadow trees</a></li></ol></li><li><a href="struct.html#ConditionalProcessing">5.7. Conditional processing</a><ol class="toc"><li><a href="struct.html#ConditionalProcessingOverview">5.7.1. Conditional processing overview</a></li><li><a href="struct.html#ConditionalProcessingDefinitions">5.7.2. Definitions</a></li><li><a href="struct.html#SwitchElement">5.7.3. The ‘switch’ element</a></li><li><a href="struct.html#ConditionalProcessingRequiredExtensionsAttribute">5.7.4. The ‘requiredExtensions’ attribute</a></li><li><a href="struct.html#ConditionalProcessingSystemLanguageAttribute">5.7.5. The ‘systemLanguage’ attribute</a></li></ol></li><li><a href="struct.html#DescriptionAndTitleElements">5.8. The ‘desc’ and ‘title’ elements</a><ol class="toc"><li><a href="struct.html#DescriptionDefinitions">5.8.1. Definition</a></li></ol></li><li><a href="struct.html#MetadataElement">5.9. The ‘metadata’ element</a></li><li><a href="struct.html#HTMLMetadataElements">5.10. HTML metadata elements</a></li><li><a href="struct.html#ForeignNamespaces">5.11. Foreign namespaces and private data</a></li><li><a href="struct.html#CommonAttributes">5.12. Common attributes</a><ol class="toc"><li><a href="struct.html#CommonAttributeDefinitions">5.12.1. Definitions</a></li><li><a href="struct.html#Core.attrib">5.12.2. Attributes common to all elements: ‘id’</a></li><li><a href="struct.html#LangSpaceAttrs">5.12.3. The ‘lang’ and ‘xml:lang’ attributes</a></li><li><a href="struct.html#WhitespaceProcessingXMLSpaceAttribute">5.12.4. The ‘xml:space’ attribute</a></li><li><a href="struct.html#tabindexattribute">5.12.5. The ‘tabindex’ attribute</a></li><li><a href="struct.html#DataAttributes">5.12.6. The ‘data-*’ attributes</a></li></ol></li><li><a href="struct.html#WAIARIAAttributes">5.13. WAI-ARIA attributes</a><ol class="toc"><li><a href="struct.html#WAIARIA-definitions">5.13.1. Definitions</a></li><li><a href="struct.html#roleattribute">5.13.2. Role attribute</a></li><li><a href="struct.html#ARIAStateandPropertyAttributes">5.13.3. State and property attributes (all aria- attributes)</a></li><li><a href="struct.html#implicit-aria-semantics">5.13.4. Implicit and Allowed ARIA Semantics</a></li></ol></li><li><a href="struct.html#DOMInterfaces">5.14. DOM interfaces</a><ol class="toc"><li><a href="struct.html#InterfaceDocumentExtensions">5.14.1. Extensions to the Document interface</a></li><li><a href="struct.html#InterfaceSVGSVGElement">5.14.2. Interface SVGSVGElement</a></li><li><a href="struct.html#InterfaceSVGGElement">5.14.3. Interface SVGGElement</a></li><li><a href="struct.html#InterfaceSVGUnknownElement">5.14.4. Interface SVGUnknownElement</a></li><li><a href="struct.html#InterfaceSVGDefsElement">5.14.5. Interface SVGDefsElement</a></li><li><a href="struct.html#InterfaceSVGDescElement">5.14.6. Interface SVGDescElement</a></li><li><a href="struct.html#InterfaceSVGMetadataElement">5.14.7. Interface SVGMetadataElement</a></li><li><a href="struct.html#InterfaceSVGTitleElement">5.14.8. Interface SVGTitleElement</a></li><li><a href="struct.html#InterfaceSVGSymbolElement">5.14.9. Interface SVGSymbolElement</a></li><li><a href="struct.html#InterfaceSVGUseElement">5.14.10. Interface SVGUseElement</a></li><li><a href="struct.html#InterfaceSVGUseElementShadowRoot">5.14.11. Interface SVGUseElementShadowRoot</a></li><li><a href="struct.html#InterfaceSVGElementInstance">5.14.12. Mixin SVGElementInstance</a></li><li><a href="struct.html#InterfaceShadowAnimation">5.14.13. Interface ShadowAnimation</a></li><li><a href="struct.html#InterfaceSVGSwitchElement">5.14.14. Interface SVGSwitchElement</a></li><li><a href="struct.html#InterfaceGetSVGDocument">5.14.15. Mixin GetSVGDocument</a></li></ol></li></ol></li><li>6. <a href="styling.html">Styling</a><ol class="toc"><li><a href="styling.html#StylingUsingCSS">6.1. Styling SVG content using CSS</a></li><li><a href="styling.html#StyleElement">6.2. Inline style sheets: the ‘style’ element</a></li><li><a href="styling.html#LinkElement">6.3. External style sheets: the effect of the HTML ‘link’ element</a></li><li><a href="styling.html#StyleSheetsInHTMLDocuments">6.4. Style sheets in HTML documents</a></li><li><a href="styling.html#ElementSpecificStyling">6.5. Element-specific styling: the ‘class’ and ‘style’ attributes</a></li><li><a href="styling.html#PresentationAttributes">6.6. Presentation attributes</a></li><li><a href="styling.html#RequiredProperties">6.7. Required properties</a></li><li><a href="styling.html#UAStyleSheet">6.8. User agent style sheet</a></li><li><a href="styling.html#RequiredCSSFeatures">6.9. Required CSS features</a></li><li><a href="styling.html#DOMInterfaces">6.10. DOM interfaces</a><ol class="toc"><li><a href="styling.html#InterfaceSVGStyleElement">6.10.1. Interface SVGStyleElement</a></li></ol></li></ol></li><li>7. <a href="geometry.html">Geometry Properties</a><ol class="toc"><li><a href="geometry.html#CX">7.1. Horizontal center coordinate: The ‘cx’ property</a></li><li><a href="geometry.html#CY">7.2. Vertical center coordinate: The ‘cy’ property</a></li><li><a href="geometry.html#R">7.3. Radius: The ‘r’ property</a></li><li><a href="geometry.html#RX">7.4. Horizontal radius: The ‘rx’ property</a></li><li><a href="geometry.html#RY">7.5. Vertical radius: The ‘ry’ property</a></li><li><a href="geometry.html#X">7.6. Horizontal coordinate: The ‘x’ property</a></li><li><a href="geometry.html#Y">7.7. Vertical coordinate: The ‘y’ property</a></li><li><a href="geometry.html#Sizing">7.8. Sizing properties: the effect of the ‘width’ and ‘height’ properties</a></li></ol></li><li>8. <a href="coords.html">Coordinate Systems, Transformations and Units</a><ol class="toc"><li><a href="coords.html#Introduction">8.1. Introduction</a></li><li><a href="coords.html#ComputingAViewportsTransform">8.2. Computing the equivalent transform of an SVG viewport</a></li><li><a href="coords.html#ViewportSpace">8.3. The initial viewport</a></li><li><a href="coords.html#InitialCoordinateSystem">8.4. The initial coordinate system</a></li><li><a href="coords.html#TransformProperty">8.5. The ‘transform’ property</a></li><li><a href="coords.html#ViewBoxAttribute">8.6. The ‘viewBox’ attribute</a></li><li><a href="coords.html#PreserveAspectRatioAttribute">8.7. The ‘preserveAspectRatio’ attribute</a></li><li><a href="coords.html#EstablishingANewSVGViewport">8.8. Establishing a new SVG viewport</a></li><li><a href="coords.html#Units">8.9. Units</a></li><li><a href="coords.html#BoundingBoxes">8.10. Bounding boxes</a></li><li><a href="coords.html#ObjectBoundingBoxUnits">8.11. Object bounding box units</a></li><li><a href="coords.html#SizingSVGInCSS">8.12. Intrinsic sizing properties of SVG content</a></li><li><a href="coords.html#VectorEffects">8.13. Vector effects</a><ol class="toc"><li><a href="coords.html#VectorEffectsCalculation">8.13.1. Computing the vector effects</a></li><li><a href="coords.html#NestedVectorEffectsCalculation">8.13.2. Computing the vector effects for nested viewport coordinate systems</a></li><li><a href="coords.html#VectorEffectsExamples">8.13.3. Examples of vector effects</a></li></ol></li><li><a href="coords.html#DOMInterfaces">8.14. DOM interfaces</a><ol class="toc"><li><a href="coords.html#InterfaceSVGTransform">8.14.1. Interface SVGTransform</a></li><li><a href="coords.html#InterfaceSVGTransformList">8.14.2. Interface SVGTransformList</a></li><li><a href="coords.html#InterfaceSVGAnimatedTransformList">8.14.3. Interface SVGAnimatedTransformList</a></li><li><a href="coords.html#InterfaceSVGPreserveAspectRatio">8.14.4. Interface SVGPreserveAspectRatio</a></li><li><a href="coords.html#InterfaceSVGAnimatedPreserveAspectRatio">8.14.5. Interface SVGAnimatedPreserveAspectRatio</a></li></ol></li></ol></li><li>9. <a href="paths.html">Paths</a><ol class="toc"><li><a href="paths.html#Introduction">9.1. Introduction</a></li><li><a href="paths.html#PathElement">9.2. The ‘path’ element</a></li><li><a href="paths.html#PathData">9.3. Path data</a><ol class="toc"><li><a href="paths.html#PathDataGeneralInformation">9.3.1. General information about path data</a></li><li><a href="paths.html#TheDProperty">9.3.2. Specifying path data: the ‘d’ property</a></li><li><a href="paths.html#PathDataMovetoCommands">9.3.3. The "moveto" commands</a></li><li><a href="paths.html#PathDataClosePathCommand">9.3.4. The "closepath" command</a><ol class="toc"><li><a href="paths.html#Segment-CompletingClosePath">9.3.4.1. Segment-completing close path operation</a></li></ol></li><li><a href="paths.html#PathDataLinetoCommands">9.3.5. The "lineto" commands</a></li><li><a href="paths.html#PathDataCubicBezierCommands">9.3.6. The cubic Bézier curve commands</a></li><li><a href="paths.html#PathDataQuadraticBezierCommands">9.3.7. The quadratic Bézier curve commands</a></li><li><a href="paths.html#PathDataEllipticalArcCommands">9.3.8. The elliptical arc curve commands</a></li><li><a href="paths.html#PathDataBNF">9.3.9. The grammar for path data</a></li></ol></li><li><a href="paths.html#PathDirectionality">9.4. Path directionality</a></li><li><a href="paths.html#PathElementImplementationNotes">9.5. Implementation notes</a><ol class="toc"><li><a href="paths.html#ArcOutOfRangeParameters">9.5.1. Out-of-range elliptical arc parameters</a></li><li><a href="paths.html#ReflectedControlPoints">9.5.2. Reflected control points</a></li><li><a href="paths.html#ZeroLengthSegments">9.5.3. Zero-length path segments</a></li><li><a href="paths.html#PathDataErrorHandling">9.5.4. Error handling in path data</a></li></ol></li><li><a href="paths.html#DistanceAlongAPath">9.6. Distance along a path</a><ol class="toc"><li><a href="paths.html#PathLengthAttribute">9.6.1. The ‘pathLength’ attribute</a></li></ol></li><li><a href="paths.html#DOMInterfaces">9.7. DOM interfaces</a><ol class="toc"><li><a href="paths.html#InterfaceSVGPathElement">9.7.1. Interface SVGPathElement</a></li></ol></li></ol></li><li>10. <a href="shapes.html">Basic Shapes</a><ol class="toc"><li><a href="shapes.html#Introduction">10.1. Introduction and definitions</a></li><li><a href="shapes.html#RectElement">10.2. The ‘rect’ element</a></li><li><a href="shapes.html#CircleElement">10.3. The ‘circle’ element</a></li><li><a href="shapes.html#EllipseElement">10.4. The ‘ellipse’ element</a></li><li><a href="shapes.html#LineElement">10.5. The ‘line’ element</a></li><li><a href="shapes.html#PolylineElement">10.6. The ‘polyline’ element</a></li><li><a href="shapes.html#PolygonElement">10.7. The ‘polygon’ element</a></li><li><a href="shapes.html#DOMInterfaces">10.8. DOM interfaces</a><ol class="toc"><li><a href="shapes.html#InterfaceSVGRectElement">10.8.1. Interface SVGRectElement</a></li><li><a href="shapes.html#InterfaceSVGCircleElement">10.8.2. Interface SVGCircleElement</a></li><li><a href="shapes.html#InterfaceSVGEllipseElement">10.8.3. Interface SVGEllipseElement</a></li><li><a href="shapes.html#InterfaceSVGLineElement">10.8.4. Interface SVGLineElement</a></li><li><a href="shapes.html#InterfaceSVGAnimatedPoints">10.8.5. Mixin SVGAnimatedPoints</a></li><li><a href="shapes.html#InterfaceSVGPointList">10.8.6. Interface SVGPointList</a></li><li><a href="shapes.html#InterfaceSVGPolylineElement">10.8.7. Interface SVGPolylineElement</a></li><li><a href="shapes.html#InterfaceSVGPolygonElement">10.8.8. Interface SVGPolygonElement</a></li></ol></li></ol></li><li>11. <a href="text.html">Text</a><ol class="toc"><li><a href="text.html#Introduction">11.1. Introduction</a><ol class="toc"><li><a href="text.html#Definitions">11.1.1. Definitions</a></li><li><a href="text.html#FontsGlyphs">11.1.2. Fonts and glyphs</a></li><li><a href="text.html#GlyphsMetrics">11.1.3. Glyph metrics and layout</a></li></ol></li><li><a href="text.html#TextElement">11.2. The ‘text’ and ‘tspan’ elements</a><ol class="toc"><li><a href="text.html#TSpanAttributes">11.2.1. Attributes</a></li><li><a href="text.html#TSpanNotes">11.2.2. Notes on 'x', 'y', 'dx', 'dy' and 'rotate'</a></li></ol></li><li><a href="text.html#TextLayout">11.3. Text layout – Introduction</a></li><li><a href="text.html#TextLayoutContentArea">11.4. Text layout – Content Area</a><ol class="toc"><li><a href="text.html#InlineSize">11.4.1. The ‘inline-size’ property</a></li><li><a href="text.html#TextShapeInside">11.4.2. The ‘shape-inside’ property</a></li><li><a href="text.html#TextShapeSubtract">11.4.3. The ‘shape-subtract’ property</a></li><li><a href="text.html#TextShapeImageThreshold">11.4.4. The ‘shape-image-threshold’ property</a></li><li><a href="text.html#TextShapeMargin">11.4.5. The ‘shape-margin’ property</a></li><li><a href="text.html#TextShapePadding">11.4.6. The ‘shape-padding’ property</a></li></ol></li><li><a href="text.html#TextLayoutAlgorithm">11.5. Text layout – Algorithm</a></li><li><a href="text.html#TextLayoutPre">11.6. Pre-formatted text</a><ol class="toc"><li><a href="text.html#TextLayoutPreMultiline">11.6.1. Multi-line text via 'white-space'</a></li><li><a href="text.html#TextLayoutPreAdjustments">11.6.2. Repositioning Glyphs</a></li></ol></li><li><a href="text.html#TextLayoutAuto">11.7. Auto-wrapped text</a><ol class="toc"><li><a href="text.html#TextLayoutAutoNotes">11.7.1. Notes on Text Wrapping</a><ol class="toc"><li><a href="text.html#TextLayoutAutoNotesStart">11.7.1.1. First Line Positioning</a></li><li><a href="text.html#TextLayoutAutoNotesBrokenLines">11.7.1.2. Broken Lines</a></li></ol></li></ol></li><li><a href="text.html#TextLayoutPath">11.8. Text on a path</a><ol class="toc"><li><a href="text.html#TextPathElement">11.8.1. The ‘textPath’ element</a></li><li><a href="text.html#TextPathAttributes">11.8.2. Attributes</a></li><li><a href="text.html#TextpathLayoutRules">11.8.3. Text on a path layout rules</a></li></ol></li><li><a href="text.html#TextRenderingOrder">11.9. Text rendering order</a></li><li><a href="text.html#TextProperties">11.10. Properties and pseudo-elements</a><ol class="toc"><li><a href="text.html#TextPropertiesSVG">11.10.1. SVG properties</a><ol class="toc"><li><a href="text.html#TextAnchoringProperties">11.10.1.1. Text alignment, the ‘text-anchor’ property</a></li><li><a href="text.html#GlyphOrientationHorizontalProperty">11.10.1.2. The ‘glyph-orientation-horizontal’ property</a></li><li><a href="text.html#GlyphOrientationVerticalProperty">11.10.1.3. The ‘glyph-orientation-vertical’ property</a></li><li><a href="text.html#KerningProperty">11.10.1.4. The ‘kerning’ property</a></li></ol></li><li><a href="text.html#TextPropertiesAdaptions">11.10.2. SVG adaptions</a><ol class="toc"><li><a href="text.html#FontVariantProperty">11.10.2.1. The ‘font-variant’ property</a></li><li><a href="text.html#LineHeightProperty">11.10.2.2. The ‘line-height’ property</a></li><li><a href="text.html#WritingModeProperty">11.10.2.3. The ‘writing-mode’ property</a></li><li><a href="text.html#DirectionProperty">11.10.2.4. The ‘direction’ property</a></li><li><a href="text.html#DominantBaselineProperty">11.10.2.5. The ‘dominant-baseline’ property</a></li><li><a href="text.html#AlignmentBaselineProperty">11.10.2.6. The ‘alignment-baseline’ property</a></li><li><a href="text.html#BaselineShiftProperty">11.10.2.7. The ‘baseline-shift’ property</a></li><li><a href="text.html#LetterSpacingProperty">11.10.2.8. The ‘letter-spacing’ property</a></li><li><a href="text.html#WordSpacingProperty">11.10.2.9. The ‘word-spacing’ property</a></li><li><a href="text.html#TextOverflowProperty">11.10.2.10. The ‘text-overflow’ property</a></li></ol></li><li><a href="text.html#WhiteSpace">11.10.3. White space</a><ol class="toc"><li><a href="text.html#TextWhiteSpace">11.10.3.1. SVG 2 Preferred white space handling, the ‘white-space’ property</a></li><li><a href="text.html#LegacyXMLSpace">11.10.3.2. Legacy white-space handling, the ‘xml:space’ property</a></li><li><a href="text.html#DuplicateWhiteSpace">11.10.3.3. Duplicate white-space directives</a></li></ol></li></ol></li><li><a href="text.html#TextDecorationProperties">11.11. Text decoration</a><ol class="toc"><li><a href="text.html#TextDecorationFillStroke">11.11.1. The ‘text-decoration-fill’ and ‘text-decoration-stroke’ properties</a></li></ol></li><li><a href="text.html#TextSelection">11.12. Text selection and clipboard operations</a><ol class="toc"><li><a href="text.html#TextSelectionImplementationNotes">11.12.1. Text selection implementation notes</a></li></ol></li><li><a href="text.html#DOMInterfaces">11.13. DOM interfaces</a><ol class="toc"><li><a href="text.html#InterfaceSVGTextContentElement">11.13.1. Interface SVGTextContentElement</a></li><li><a href="text.html#InterfaceSVGTextPositioningElement">11.13.2. Interface SVGTextPositioningElement</a></li><li><a href="text.html#InterfaceSVGTextElement">11.13.3. Interface SVGTextElement</a></li><li><a href="text.html#InterfaceSVGTSpanElement">11.13.4. Interface SVGTSpanElement</a></li><li><a href="text.html#InterfaceSVGTextPathElement">11.13.5. Interface SVGTextPathElement</a></li></ol></li></ol></li><li>12. <a href="embedded.html">Embedded Content</a><ol class="toc"><li><a href="embedded.html#Overview">12.1. Overview</a></li><li><a href="embedded.html#Placement">12.2. Placement of the embedded content</a></li><li><a href="embedded.html#ImageElement">12.3. The ‘image’ element</a></li><li><a href="embedded.html#HTMLElements">12.4. HTML elements in SVG subtrees</a></li><li><a href="embedded.html#ForeignObjectElement">12.5. The ‘foreignObject’ element</a></li><li><a href="embedded.html#DOMInterfaces">12.6. DOM interfaces</a><ol class="toc"><li><a href="embedded.html#InterfaceSVGImageElement">12.6.1. Interface SVGImageElement</a></li><li><a href="embedded.html#InterfaceSVGForeignObjectElement">12.6.2. Interface SVGForeignObjectElement</a></li></ol></li></ol></li><li>13. <a href="painting.html">Painting: Filling, Stroking and Marker Symbols</a><ol class="toc"><li><a href="painting.html#Introduction">13.1. Introduction</a><ol class="toc"><li><a href="painting.html#Definitions">13.1.1. Definitions</a></li></ol></li><li><a href="painting.html#SpecifyingPaint">13.2. Specifying paint</a></li><li><a href="painting.html#ColorProperty">13.3. The effect of the ‘color’ property</a></li><li><a href="painting.html#FillProperties">13.4. Fill properties</a><ol class="toc"><li><a href="painting.html#SpecifyingFillPaint">13.4.1. Specifying fill paint: the ‘fill’ property</a></li><li><a href="painting.html#WindingRule">13.4.2. Winding rule: the ‘fill-rule’ property</a></li><li><a href="painting.html#FillOpacity">13.4.3. Fill paint opacity: the ‘fill-opacity’ property</a></li></ol></li><li><a href="painting.html#StrokeProperties">13.5. Stroke properties</a><ol class="toc"><li><a href="painting.html#SpecifyingStrokePaint">13.5.1. Specifying stroke paint: the ‘stroke’ property</a></li><li><a href="painting.html#StrokeOpacity">13.5.2. Stroke paint opacity: the ‘stroke-opacity’ property</a></li><li><a href="painting.html#StrokeWidth">13.5.3. Stroke width: the ‘stroke-width’ property</a></li><li><a href="painting.html#LineCaps">13.5.4. Drawing caps at the ends of strokes: the ‘stroke-linecap’ property</a></li><li><a href="painting.html#LineJoin">13.5.5. Controlling line joins: the ‘stroke-linejoin’ and ‘stroke-miterlimit’ properties</a></li><li><a href="painting.html#StrokeDashing">13.5.6. Dashing strokes: the ‘stroke-dasharray’ and ‘stroke-dashoffset’ properties</a></li><li><a href="painting.html#StrokeShape">13.5.7. Computing the shape of the stroke</a></li><li><a href="painting.html#CurvatureCalculation">13.5.8. Computing the circles for the arcs 'stroke-linejoin'</a></li><li><a href="painting.html#ArcsLinejoinFallback">13.5.9. Adjusting the circles for the arcs 'stroke-linejoin' when the initial circles do not intersect</a></li></ol></li><li><a href="painting.html#PaintingVectorEffects">13.6. Vector effects</a></li><li><a href="painting.html#Markers">13.7. Markers</a><ol class="toc"><li><a href="painting.html#MarkerElement">13.7.1. The ‘marker’ element</a></li><li><a href="painting.html#VertexMarkerProperties">13.7.2. Vertex markers: the ‘marker-start’, ‘marker-mid’ and ‘marker-end’ properties</a></li><li><a href="painting.html#MarkerShorthand">13.7.3. Marker shorthand: the ‘marker’ property</a></li><li><a href="painting.html#RenderingMarkers">13.7.4. Rendering markers</a></li></ol></li><li><a href="painting.html#PaintOrder">13.8. Controlling paint operation order: the ‘paint-order’ property</a></li><li><a href="painting.html#ColorInterpolation">13.9. Color space for interpolation: the ‘color-interpolation’ property</a></li><li><a href="painting.html#RenderingHints">13.10. Rendering hints</a><ol class="toc"><li><a href="painting.html#ColorRendering">13.10.1. The ‘color-rendering’ property</a></li><li><a href="painting.html#ShapeRendering">13.10.2. The ‘shape-rendering’ property</a></li><li><a href="painting.html#TextRendering">13.10.3. The ‘text-rendering’ property</a></li><li><a href="painting.html#ImageRendering">13.10.4. The ‘image-rendering’ property</a></li></ol></li><li><a href="painting.html#WillChange">13.11. The effect of the ‘will-change’ property</a></li><li><a href="painting.html#DOMInterfaces">13.12. DOM interfaces</a><ol class="toc"><li><a href="painting.html#InterfaceSVGMarkerElement">13.12.1. Interface SVGMarkerElement</a></li></ol></li></ol></li><li>14. <a href="pservers.html">Paint Servers: Gradients and Patterns</a><ol class="toc"><li><a href="pservers.html#Introduction">14.1. Introduction</a><ol class="toc"><li><a href="pservers.html#PaintServerTemplates">14.1.1. Using paint servers as templates</a></li></ol></li><li><a href="pservers.html#Gradients">14.2. Gradients</a><ol class="toc"><li><a href="pservers.html#Definitions">14.2.1. Definitions</a></li><li><a href="pservers.html#LinearGradients">14.2.2. Linear gradients</a><ol class="toc"><li><a href="pservers.html#LinearGradientAttributes">14.2.2.1. Attributes</a></li><li><a href="pservers.html#LinearGradientNotes">14.2.2.2. Notes on linear gradients</a></li></ol></li><li><a href="pservers.html#RadialGradients">14.2.3. Radial gradients</a><ol class="toc"><li><a href="pservers.html#RadialGradientAttributes">14.2.3.1. Attributes</a></li><li><a href="pservers.html#RadialGradientNotes">14.2.3.2. Notes on radial gradients</a></li></ol></li><li><a href="pservers.html#GradientStops">14.2.4. Gradient stops</a><ol class="toc"><li><a href="pservers.html#GradientStopAttributes">14.2.4.1. Attributes</a></li><li><a href="pservers.html#StopColorProperties">14.2.4.2. Properties</a></li><li><a href="pservers.html#StopNotes">14.2.4.3. Notes on gradient stops</a></li></ol></li></ol></li><li><a href="pservers.html#Patterns">14.3. Patterns</a><ol class="toc"><li><a href="pservers.html#PatternElementAttributes">14.3.1. Attributes</a></li><li><a href="pservers.html#PatternNotes">14.3.2. Notes on patterns</a></li></ol></li><li><a href="pservers.html#DOMInterfaces">14.4. DOM interfaces</a><ol class="toc"><li><a href="pservers.html#InterfaceSVGGradientElement">14.4.1. Interface SVGGradientElement</a></li><li><a href="pservers.html#InterfaceSVGLinearGradientElement">14.4.2. Interface SVGLinearGradientElement</a></li><li><a href="pservers.html#InterfaceSVGRadialGradientElement">14.4.3. Interface SVGRadialGradientElement</a></li><li><a href="pservers.html#InterfaceSVGStopElement">14.4.4. Interface SVGStopElement</a></li><li><a href="pservers.html#InterfaceSVGPatternElement">14.4.5. Interface SVGPatternElement</a></li></ol></li></ol></li><li>15. <a href="interact.html">Scripting and Interactivity</a><ol class="toc"><li><a href="interact.html#Introduction">15.1. Introduction</a></li><li><a href="interact.html#SVGEvents">15.2. Supported events</a><ol class="toc"><li><a href="interact.html#RelationshipWithUIEVENTS">15.2.1. Relationship with UI Events</a></li></ol></li><li><a href="interact.html#UIEvents">15.3. User interface events</a></li><li><a href="interact.html#PointerEvents">15.4. Pointer events</a></li><li><a href="interact.html#pointer-processing">15.5. Hit-testing and processing order for user interface events</a><ol class="toc"><li><a href="interact.html#hit-testing">15.5.1. Hit-testing</a></li><li><a href="interact.html#event-processing">15.5.2. Event processing</a></li></ol></li><li><a href="interact.html#PointerEventsProp">15.6. The ‘pointer-events’ property</a></li><li><a href="interact.html#EnableZoomAndPanControls">15.7. Magnification and panning</a></li><li><a href="interact.html#Focus">15.8. Focus</a></li><li><a href="interact.html#EventAttributes">15.9. Event attributes</a><ol class="toc"><li><a href="interact.html#AnimationEvents">15.9.1. Animation event attributes</a></li></ol></li><li><a href="interact.html#ScriptElement">15.10. The ‘script’ element</a></li><li><a href="interact.html#DOMInterfaces">15.11. DOM interfaces</a><ol class="toc"><li><a href="interact.html#InterfaceSVGScriptElement">15.11.1. Interface SVGScriptElement</a></li></ol></li></ol></li><li>16. <a href="linking.html">Linking</a><ol class="toc"><li><a href="linking.html#URLReference">16.1. References</a><ol class="toc"><li><a href="linking.html#HeadOverview">16.1.1. Overview</a></li><li><a href="linking.html#definitions">16.1.2. Definitions</a></li><li><a href="linking.html#URLandURI">16.1.3. URLs and URIs</a></li><li><a href="linking.html#URLforms">16.1.4. Syntactic forms: URL and <url></a></li><li><a href="linking.html#linkRefAttrs">16.1.5. URL reference attributes</a></li><li><a href="linking.html#XLinkRefAttrs">16.1.6. Deprecated XLink URL reference attributes</a></li><li><a href="linking.html#processingURL">16.1.7. Processing of URL references</a><ol class="toc"><li><a href="linking.html#processingURL-absolute">16.1.7.1. Generating the absolute URL</a></li><li><a href="linking.html#processingURL-fetch">16.1.7.2. Fetching the document</a></li><li><a href="linking.html#processingURL-parsing">16.1.7.3. Processing the subresource document</a></li><li><a href="linking.html#processingURL-target">16.1.7.4. Identifying the target element</a></li><li><a href="linking.html#processingURL-validity">16.1.7.5. Valid URL targets</a></li></ol></li></ol></li><li><a href="linking.html#Links">16.2. Links out of SVG content: the ‘a’ element</a></li><li><a href="linking.html#LinksIntoSVG">16.3. Linking into SVG content: URL fragments and SVG views</a><ol class="toc"><li><a href="linking.html#SVGFragmentIdentifiers">16.3.1. SVG fragment identifiers</a></li><li><a href="linking.html#SVGFragmentIdentifiersDefinitions">16.3.2. SVG fragment identifiers definitions</a></li><li><a href="linking.html#ViewElement">16.3.3. Predefined views: the ‘view’ element</a></li></ol></li><li><a href="linking.html#DOMInterfaces">16.4. DOM interfaces</a><ol class="toc"><li><a href="linking.html#InterfaceSVGAElement">16.4.1. Interface SVGAElement</a></li><li><a href="linking.html#InterfaceSVGViewElement">16.4.2. Interface SVGViewElement</a></li></ol></li></ol></li><li><a href="idl.html">Appendix A: IDL Definitions</a></li><li><a href="implnote.html">Appendix B: Implementation Notes</a><ol class="toc"><li><a href="implnote.html#Introduction">B.1. Introduction</a></li><li><a href="implnote.html#ArcImplementationNotes">B.2. Elliptical arc parameter conversion</a><ol class="toc"><li><a href="implnote.html#ArcSyntax">B.2.1. Elliptical arc endpoint syntax</a></li><li><a href="implnote.html#ArcParameterizationAlternatives">B.2.2. Parameterization alternatives</a></li><li><a href="implnote.html#ArcConversionCenterToEndpoint">B.2.3. Conversion from center to endpoint parameterization</a></li><li><a href="implnote.html#ArcConversionEndpointToCenter">B.2.4. Conversion from endpoint to center parameterization</a></li><li><a href="implnote.html#ArcCorrectionOutOfRangeRadii">B.2.5. Correction of out-of-range radii</a></li></ol></li><li><a href="implnote.html#NumericPrecisionImplementationNotes">B.3. Notes on generating high-precision geometry</a></li></ol></li><li><a href="access.html">Appendix C: Accessibility Support</a><ol class="toc"><li><a href="access.html#AccessibilityAndSVG">C.1. SVG Accessibility Features</a></li><li><a href="access.html#SVGRelatedAccessibilityDocuments">C.2. Supporting SVG Accessibility Specifications and Guidelines</a></li></ol></li><li><a href="animate.html">Appendix D: Animating SVG Documents</a></li><li><a href="refs.html">Appendix E: References</a><ol class="toc"><li><a href="refs.html#NormativeReferences">E.1. Normative references</a></li><li><a href="refs.html#InformativeReferences">E.2. Informative references</a></li></ol></li><li><a href="eltindex.html">Appendix F: Element Index</a></li><li><a href="attindex.html">Appendix G: Attribute Index</a><ol class="toc"><li><a href="attindex.html#RegularAttributes">G.1. Regular attributes</a></li><li><a href="attindex.html#PresentationAttributes">G.2. Presentation attributes</a></li></ol></li><li><a href="propidx.html">Appendix H: Property Index</a></li><li><a href="idlindex.html">Appendix I: IDL Index</a></li><li><a href="mimereg.html">Appendix J: Media Type Registration for image/svg+xml</a><ol class="toc"><li><a href="mimereg.html#mime-intro">J.1. Introduction </a></li><li><a href="mimereg.html#mime-registration">J.2. Registration of media type image/svg+xml </a></li></ol></li><li><a href="changes.html">Appendix K: Changes from SVG 1.1</a><ol class="toc"><li><a href="changes.html#editorial">K.1. Editorial changes</a></li><li><a href="changes.html#substantial">K.2. Substantial changes</a><ol class="toc"><li><a href="changes.html#whole">K.2.1. Across the whole document</a></li><li><a href="changes.html#concepts">K.2.2. Concepts chapter (SVG 1.1 only)</a></li><li><a href="changes.html#conform">K.2.3. Conformance Criteria chapter (Appendix in SVG 1.1)</a></li><li><a href="changes.html#rendering">K.2.4. Rendering Model chapter</a></li><li><a href="changes.html#types">K.2.5. Basic Data Types and Interfaces chapter</a></li><li><a href="changes.html#structure">K.2.6. Document Structure chapter</a></li><li><a href="changes.html#styling">K.2.7. Styling chapter</a></li><li><a href="changes.html#geometry">K.2.8. Geometry Properties chapter (SVG 2 only)</a></li><li><a href="changes.html#coords">K.2.9. Coordinate Systems, Transformations and Units chapter</a></li><li><a href="changes.html#paths">K.2.10. Paths chapter</a></li><li><a href="changes.html#shapes">K.2.11. Basic Shapes chapter</a></li><li><a href="changes.html#text">K.2.12. Text chapter</a></li><li><a href="changes.html#embedded">K.2.13. Embedded Content chapter (SVG 2 only)</a></li><li><a href="changes.html#painting">K.2.14. Painting chapter</a></li><li><a href="changes.html#color">K.2.15. Color chapter (SVG 1.1 only)</a></li><li><a href="changes.html#pservers">K.2.16. Paint Servers chapter (called Gradients and Patterns in SVG 1.1)</a></li><li><a href="changes.html#masking">K.2.17. Clipping, Masking and Compositing chapter (SVG 1.1 only)</a></li><li><a href="changes.html#filters">K.2.18. Filter Effects chapter (SVG 1.1 only)</a></li><li><a href="changes.html#interact">K.2.19. Scripting and Interactivity chapter (separate chapters in SVG 1.1)</a></li><li><a href="changes.html#linking">K.2.20. Linking chapter</a></li><li><a href="changes.html#script">K.2.21. Scripting chapter (in SVG 1.1)</a></li><li><a href="changes.html#animate">K.2.22. Animation chapter (SVG 1.1 only)</a></li><li><a href="changes.html#fonts">K.2.23. Fonts chapter (SVG 1.1 only)</a></li><li><a href="changes.html#metadata">K.2.24. Metadata chapter (SVG 1.1 only)</a></li><li><a href="changes.html#backward">K.2.25. Backwards Compatibility chapter (SVG 1.1 only)</a></li><li><a href="changes.html#extend">K.2.26. Extensibility chapter (SVG 1.1 only)</a></li><li><a href="changes.html#svgdtd">K.2.27. Document Type Definition appendix (SVG 1.1 only)</a></li><li><a href="changes.html#svgdom">K.2.28. SVG Document Object Model (DOM)(SVG 1.1 Only)</a></li><li><a href="changes.html#idl">K.2.29. IDL Definitions appendix</a></li><li><a href="changes.html#java">K.2.30. Java Language Binding appendix (SVG 1.1 only)</a></li><li><a href="changes.html#escript">K.2.31. ECMAScript Language Binding appendix (SVG 1.1 only)</a></li><li><a href="changes.html#impreqs">K.2.32. Implementation Notes appendix (was Implementation Requirements in SVG 1.1)</a></li><li><a href="changes.html#access">K.2.33. Accessibility Support appendix</a></li><li><a href="changes.html#i18n">K.2.34. Internationalization Support appendix (SVG 1.1 only)</a></li><li><a href="changes.html#minimize">K.2.35. Minimizing SVG File Sizes appendix (SVG 1.1 only)</a></li><li><a href="changes.html#animate-appendix">K.2.36. Animating SVG Documents appendix (SVG 2 only)</a></li><li><a href="changes.html#refs">K.2.37. References appendix</a></li><li><a href="changes.html#other-appendix">K.2.38. Elmenent, Attribute, and Property index appendices</a></li><li><a href="changes.html#idlindex">K.2.39. IDL Index appendix (SVG 2 only)</a></li><li><a href="changes.html#feature">K.2.40. Feature Strings (SVG 1.1 only)</a></li></ol></li></ol></li></ol> </nav> <h2 id="Acknowledgments">Acknowledgments</h2> The SVG Working Group would like to thank the following people for contributing to this specification with patches or by participating in discussions that resulted in changes to the document: David Dailey, Eric Eastwood, Jarek Foksa, Daniel Holbert, Paul LeBeau, Robert Longson, Henri Manson, Ms2ger, Kari Pihkala, Philip Rogers, David Zbarsky. In addition, the SVG Working Group would like to acknowledge the contributions of the editors and authors of the previous versions of SVG – as much of the text in this document derives from these earlier specifications – including: <ul class="old-editor-list"> <li>Patrick Dengler, Microsoft Corporation (Version 1.1 Second Edition)</li> <li>Jon Ferraiolo, ex Adobe Systems (Versions 1.0 and 1.1 First Edition; until 10 May 2006)</li> <li>Anthony Grasso, ex Canon Inc. (Version 1.1 Second Edition)</li> <li>Dean Jackson, ex W3C (Version 1.1 First Edition; until February 2007)</li> <li>藤沢淳 (FUJISAWA Jun), Canon Inc. (Version 1.1 First Edition)</li> </ul> Finally, the SVG Working Group would like to acknowledge the great many people outside of the SVG Working Group who help with the process of developing the SVG specifications. These people are too numerous to list individually. They include but are not limited to the early implementers of the SVG 1.0 and 1.1 languages (including viewers, authoring tools, and server-side transcoders), developers of SVG content, people who have contributed on the www-svg@w3.org and svg-developers@yahoogroups.com email lists, other Working Groups at the W3C, and the W3C Team. SVG 1.1 is truly a cooperative effort between the SVG Working Group, the rest of the W3C, and the public and benefits greatly from the pioneering work of early implementers and content developers, feedback from the public, and help from the W3C team. <script src="//www.w3.org/scripts/TR/2016/fixup.js"></script></body> </html>