SVG2 readiness assessment
Current open issues
Introduction
This page tracks the objective and subjective metrics that assess the readiness of individual chapter in terms of stability, issues, annotations. The document doesn't reflect implementer's perspective and as such doesn't present a point of view on any potential blockers for implementations (that may exist or not). The purpose of this document is to highlight the stabilization process steps and define a specific core subset of current editor's draft that can be taken to CR (through appropriate steps).
Action plan proposals
Based on the source data the following sections are least ready for CR:
- Chapter 5. Document Structure - Ed
- Chapter 11. Text - Ed/Tav/heycam
- Chapter 13. Painting: Filling, Stroking and Marker Symbols - heycam
- Chapter 15. Paint Servers: Solid Colors, Gradients, Patterns, and Hatches - Tav/heycam
- Chapter 18. Interactivity - Ed
Those four chapters contribute to ~60% of the issues. Additionally those chapters have the highest rate of change. By focusing on those chapters we can significantly improve the readiness of the overall specification.
Evaluating specific chapters will help identify the top sections that contribute to the overall chapter assessment. Again, focusing on such elements would allow us to prioritize the most impactful reviews and necessary changes to map the path forward.
Next steps are - work with feature owners to address outstanding issues, annotations and stabilize those sections in priority order. (https://www.w3.org/Graphics/SVG/WG/wiki/SVG2_Planning_Page#Feature_Owners)
5. Document Structure
- 5.1.2. The ‘svg’ element
- 5.5. The ‘desc’ and ‘title’ elements
- 5.8. Conditional processing
- 5.11.2. Interface SVGSVGElement
11. Text
- 11.7.1. The 'width' and/or 'height' attributes
- 11.7.2. The ‘shape-inside’ property
13. Painting: Filling, Stroking and Marker Symbols
- 13.4.6. Dashing strokes: the ‘stroke-dasharray’, ‘stroke-dashoffset’, ‘stroke-dashcorner’ and ‘stroke-dashadjust’ properties
- 13.7.7. Knocking out the stroke: the ‘marker-knockout-left’ and ‘marker-knockout-right’ properties
15. Paint Servers: Solid Colors, Gradients, Patterns, and Hatches
- 15.3.3. Mesh gradients
Source data
Legend
- SVG 2 spec section - ...
- W3C link - ...
- GitHub link - ...
- Combined readiness (subj) - Subjective assessment of overall section stability and readiness, based on all metrics below
- Annotations, total - Total number of annotations on the section
- Annotations severity (subj) - Subjective assessment of overall annotations severity
- Issues, total - Total number of issues opened against this section
- Issues severity (subj) - Subjective assessment of overall issues severity for this section
- Changes - Recent changes to the spec section
- Changes severity (subj) - Subjective assessment of the severity of the changes, based on their nature and scope
Data
| SVG 2 spec section | W3C link | GitHub link | Combined readiness (subj) | Annotations, total | Annotations severity (subj) | Issues, total | Issues severity (subj) | Changes | Changes severity (subj) |
|---|---|---|---|---|---|---|---|---|---|
| 1. Introduction | Link | Link | 1 | 0 | 0 | 11 | 1 | 10 | 1 |
| 1.1. About SVG | |||||||||
| 1.2. SVG MIME type, file name extension and Macintosh file type" | 2 | ||||||||
| 1.3. SVG namespace and DTD | |||||||||
| 1.4. Compatibility with other standards efforts | 2 | ||||||||
| 1.5. Terminology | |||||||||
| 1.6. Definitions | 7 | ||||||||
| 2. Concepts | Link | Link | 1 | 0 | 0 | 3 | 1 | 1 | 0 |
| 2.1. Explaining the name: SVG | 1 | ||||||||
| 2.2. Important SVG concepts | 0 | ||||||||
| 2.3. Options for using SVG in Web pages | 2 | ||||||||
| 3. Rendering Model | Link | Link | 1 | 2 | 1 | 3 | 2 | 2 | 1 |
| 3.1. Introduction | |||||||||
| 3.2. The painters model | |||||||||
| 3.3. Rendering order | 2 | 1 | |||||||
| 3.4. How groups are rendered | |||||||||
| 3.5. How elements are rendered | |||||||||
| 3.6. Types of graphics elements | |||||||||
| 3.6.1. Painting shapes and text | |||||||||
| 3.6.2. Painting raster images | |||||||||
| 3.7. Filtering painted regions | 1 | ||||||||
| 3.8. Clipping, masking and object opacity | 1 | ||||||||
| 3.9. Parent Compositing | |||||||||
| 4. Basic Data Types and Interfaces | Link | Link | 2 | 3 | 2 | 7 | 2 | 10 | 1 |
| 4.1. Syntax | |||||||||
| 4.2. Basic data types | 1 | ||||||||
| 4.3. Real number precision | |||||||||
| 4.4. Basic DOM interfaces | 1 | ||||||||
| 4.4.1. Interface SVGElement | |||||||||
| 4.4.2. Interface SVGAnimatedBoolean | |||||||||
| 4.4.3. Interface SVGAnimatedString | |||||||||
| 4.4.4. Interface SVGStringList | |||||||||
| 4.4.5. Interface SVGAnimatedEnumeration | |||||||||
| 4.4.6. Interface SVGAnimatedInteger | |||||||||
| 4.4.7. Interface SVGNumber | |||||||||
| 4.4.8. Interface SVGAnimatedNumber | |||||||||
| 4.4.9. Interface SVGNumberList | |||||||||
| 4.4.10. Interface SVGAnimatedNumberList | |||||||||
| 4.4.11. Interface SVGLength | 1 | ||||||||
| 4.4.12. Interface SVGAnimatedLength | 1 | 3 | |||||||
| 4.4.13. Interface SVGLengthList | |||||||||
| 4.4.14. Interface SVGAnimatedLengthList | 1 | ||||||||
| 4.4.15. Interface SVGAngle | |||||||||
| 4.4.16. Interface SVGAnimatedAngle | |||||||||
| 4.4.17. Interface SVGAnimatedRect | |||||||||
| 4.4.18. Interface SVGUnitTypes | |||||||||
| 4.4.19. Interface SVGGraphicsElement | 1 | 1 | |||||||
| 4.4.20. Interface SVGGeometryElement | |||||||||
| 4.4.21. Interface SVGTests | |||||||||
| 4.4.22. Interface SVGFitToViewBox | |||||||||
| 4.4.23. Interface SVGZoomAndPan | |||||||||
| 4.4.24. Interface SVGViewSpec | |||||||||
| 4.4.25. Interface SVGURIReference | |||||||||
| 4.4.26. Interface SVGCSSRule | |||||||||
| 4.4.27. Interface SVGRenderingIntent | |||||||||
| 5. Document Structure | Link | Link | 3 | 8 | 3 | 45 | 3 | 13 | 2 |
| 5.1. Defining an SVG document fragment: the ‘svg’ element | |||||||||
| 5.1.1. Overview | 1 | ||||||||
| 5.1.2. The ‘svg’ element | 3 | 6 | |||||||
| 5.2. Grouping: the ‘g’ element | |||||||||
| 5.2.1. Overview | 1 | 3 | |||||||
| 5.2.2. The ‘g’ element | |||||||||
| 5.3. Defining content for reuse, and the ‘defs’ element | |||||||||
| 5.3.1. Overview | 2 | ||||||||
| 5.3.2. The ‘defs’ element | 1 | ||||||||
| 5.4. The ‘discard’ element | 1 | 2 | |||||||
| 5.5. The ‘desc’ and ‘title’ elements | 1 | 6 | |||||||
| 5.6. The ‘symbol’ element | 1 | ||||||||
| 5.7. The ‘use’ element | 1 | ||||||||
| 5.8. Conditional processing | 7 | ||||||||
| 5.8.1. Conditional processing overview | 1 | ||||||||
| 5.8.2. The ‘switch’ element | |||||||||
| 5.8.3. The ‘requiredFeatures’ attribute | 1 | ||||||||
| 5.8.4. The ‘requiredExtensions’ attribute | |||||||||
| 5.8.5. The ‘systemLanguage’ attribute | 1 | ||||||||
| 5.8.6. Applicability of test attributes | 1 | ||||||||
| 5.9. Common attributes | |||||||||
| 5.9.1. Attributes common to all elements: ‘id’ and ‘xml:base’ | 2 | ||||||||
| 5.9.2. The ‘xml:lang’ attribute | 1 | 1 | |||||||
| 5.9.3. The ‘tabindex’ attribute | |||||||||
| 5.10. WAI-ARIA attributes | |||||||||
| 5.10.1. Role attribute | 1 | ||||||||
| 5.10.2. State and property attributes (all aria- attributes) | |||||||||
| 5.10.3. Implicit ARIA Semantics | |||||||||
| 5.11. DOM interfaces | |||||||||
| 5.11.1. Interface Document | 1 | ||||||||
| 5.11.2. Interface SVGSVGElement | 7 | ||||||||
| 5.11.3. Interface SVGGElement | |||||||||
| 5.11.4. Interface SVGDefsElement | |||||||||
| 5.11.5. Interface SVGDescElement | |||||||||
| 5.11.6. Interface SVGTitleElement | |||||||||
| 5.11.7. Interface SVGSymbolElement | |||||||||
| 5.11.8. Interface SVGUseElement | |||||||||
| 5.11.9. Interface SVGSwitchElement | |||||||||
| 5.11.10. Interface GetSVGDocument | |||||||||
| 6. Styling | Link | Link | 2 | 2 | 2 | 11 | 3 | 9 | 2 |
| 6.1. SVG's styling properties | 1 | ||||||||
| 6.2. Usage scenarios for styling | |||||||||
| 6.3. Alternative ways to specify styling properties | |||||||||
| 6.4. Specifying properties using the presentation attributes | 2 | ||||||||
| 6.5. Styling with XSL | 1 | ||||||||
| 6.6. Styling with CSS | |||||||||
| 6.7. Case sensitivity of property names and values | 1 | ||||||||
| 6.8. Facilities from CSS and XSL used by SVG | |||||||||
| 6.9. Referencing external style sheets | 2 | ||||||||
| 6.10. The ‘style’ element | 1 | ||||||||
| 6.11. The ‘class’ attribute | |||||||||
| 6.12. The ‘style’ attribute | |||||||||
| 6.13. Property inheritance | |||||||||
| 6.14. The scope/range of styles | |||||||||
| 6.15. Content size properties | 2 | ||||||||
| 6.16. User agent style sheet | 2 | ||||||||
| 6.17. Aural style sheets | 1 | ||||||||
| 6.18. DOM interfaces | |||||||||
| 6.18.1. Interface SVGStyleElement | |||||||||
| 7. SVG Layout Properties | Link | Link | 1 | 0 | 0 | 3 | 1 | 3 | 0 |
| 7.1. Horizontal center coordinate: The ‘cx’ property | |||||||||
| 7.2. Vertical center coordinate: The ‘cy’ property | |||||||||
| 7.3. Radius: The ‘r’ property | |||||||||
| 7.4. Horizontal radius: The ‘rx’ property | |||||||||
| 7.5. Vertical radius: The ‘ry’ property | |||||||||
| 7.6. Horizontal coordinate: The ‘x’ property | 1 | ||||||||
| 7.7. Vertical coordinate: The ‘y’ property | 2 | ||||||||
| 8. Coordinate Systems, Transformations and Units | Link | Link | 2 | 0 | 0 | 20 | 2 | 8 | 1 |
| 8.1. Introduction | 1 | ||||||||
| 8.2. The initial viewport | 2 | ||||||||
| 8.3. The initial coordinate system | |||||||||
| 8.4. Coordinate system transformations | 1 | ||||||||
| 8.5. Nested transformations | |||||||||
| 8.6. The ‘transform’ property | 1 | ||||||||
| 8.7. The ‘viewBox’ attribute | 1 | ||||||||
| 8.8. The ‘preserveAspectRatio’ attribute | 1 | ||||||||
| 8.9. Establishing a new viewport | |||||||||
| 8.10. Units | 3 | ||||||||
| 8.11. Bounding boxes | 4 | ||||||||
| 8.12. Object bounding box units | 2 | ||||||||
| 8.13. Intrinsic sizing properties of the viewport of SVG content | 1 | ||||||||
| 8.14. Geographic coordinate systems | |||||||||
| 8.15. The ‘svg:transform’ attribute | 1 | ||||||||
| 8.16. DOM interfaces | |||||||||
| 8.16.1. Interface SVGPointList | |||||||||
| 8.16.2. Interface SVGTransform | 1 | ||||||||
| 8.16.3. Interface SVGTransformList | 1 | ||||||||
| 8.16.4. Interface SVGAnimatedTransformList | |||||||||
| 8.16.5. Interface SVGPreserveAspectRatio | |||||||||
| 8.16.6. Interface SVGAnimatedPreserveAspectRatio | |||||||||
| 9. Paths | Link | Link | 2 | 3 | 1 | 12 | 1 | 6 | 2 |
| 9.1. Introduction | 1 | ||||||||
| 9.2. The ‘path’ element | 1 | ||||||||
| 9.3. Path data | 2 | ||||||||
| 9.3.1. General information about path data | 3 | ||||||||
| 9.3.2. The ""moveto"" commands | |||||||||
| 9.3.3. The ""closepath"" command | |||||||||
| 9.3.4. The ""lineto"" commands | |||||||||
| 9.3.5. The cubic Bézier curve commands | |||||||||
| 9.3.6. The quadratic Bézier curve commands | |||||||||
| 9.3.7. The elliptical arc curve commands | 1 | ||||||||
| 9.3.8. The Catmull-Rom curve commands | 6 | ||||||||
| 9.3.9. The bearing commands | 1 | ||||||||
| 9.3.10. The grammar for path data | |||||||||
| 9.4. Distance along a path | |||||||||
| 9.5. DOM interfaces | |||||||||
| 9.5.1. Interface SVGPathSeg | |||||||||
| 9.5.2. Interface SVGPathSegClosePath | |||||||||
| 9.5.3. Interface SVGPathSegMovetoAbs | |||||||||
| 9.5.4. Interface SVGPathSegMovetoRel | |||||||||
| 9.5.5. Interface SVGPathSegLinetoAbs | |||||||||
| 9.5.6. Interface SVGPathSegLinetoRel | |||||||||
| 9.5.7. Interface SVGPathSegCurvetoCubicAbs | |||||||||
| 9.5.8. Interface SVGPathSegCurvetoCubicRel | |||||||||
| 9.5.9. Interface SVGPathSegCurvetoQuadraticAbs | |||||||||
| 9.5.10. Interface SVGPathSegCurvetoQuadraticRel | |||||||||
| 9.5.11. Interface SVGPathSegArcAbs | |||||||||
| 9.5.12. Interface SVGPathSegArcRel | |||||||||
| 9.5.13. Interface SVGPathSegLinetoHorizontalAbs | |||||||||
| 9.5.14. Interface SVGPathSegLinetoHorizontalRel | |||||||||
| 9.5.15. Interface SVGPathSegLinetoVerticalAbs | |||||||||
| 9.5.16. Interface SVGPathSegLinetoVerticalRel | |||||||||
| 9.5.17. Interface SVGPathSegCurvetoCubicSmoothAbs | |||||||||
| 9.5.18. Interface SVGPathSegCurvetoCubicSmoothRel | |||||||||
| 9.5.19. Interface SVGPathSegCurvetoQuadraticSmoothAbs | |||||||||
| 9.5.20. Interface SVGPathSegCurvetoQuadraticSmoothRel | |||||||||
| 9.5.21. Interface SVGPathSegList | |||||||||
| 9.5.22. Interface SVGAnimatedPathData | |||||||||
| 9.5.23. Interface SVGPathElement | |||||||||
| 10. Basic Shapes | Link | Link | 1 | 0 | 0 | 2 | 1 | 2 | 0 |
| 10.1. Introduction | 1 | ||||||||
| 10.2. The ‘rect’ element | |||||||||
| 10.3. The ‘circle’ element | 1 | ||||||||
| 10.4. The ‘ellipse’ element | |||||||||
| 10.5. The ‘line’ element | |||||||||
| 10.6. The ‘polyline’ element | |||||||||
| 10.7. The ‘polygon’ element | |||||||||
| 10.7.1. The grammar for points specifications in ‘polyline’ and ‘polygon’ elements | |||||||||
| 10.8. DOM interfaces | |||||||||
| 10.8.1. Interface SVGRectElement | |||||||||
| 10.8.2. Interface SVGCircleElement | |||||||||
| 10.8.3. Interface SVGEllipseElement | |||||||||
| 10.8.4. Interface SVGLineElement | |||||||||
| 10.8.5. Interface SVGAnimatedPoints | |||||||||
| 10.8.6. Interface SVGPolylineElement | |||||||||
| 10.8.7. Interface SVGPolygonElement | |||||||||
| 11. Text | Link | Link | 3 | 14 | 3 | 46 | 3 | 11 | 2 |
| 11.1. Introduction | 4 | 1 | |||||||
| 11.2. Characters and their corresponding glyphs | |||||||||
| 11.3. Fonts, font tables and baselines | 1 | 3 | |||||||
| 11.4. The ‘text’ element | |||||||||
| 11.4.1. Attributes | 2 | ||||||||
| 11.5. The ‘tspan’ element | 1 | ||||||||
| 11.5.1. Attributes | |||||||||
| 11.5.2. Notes on 'x', 'y', 'dx', 'dy', and 'rotate' | 1 | ||||||||
| 11.6. Text layout – Introduction | 1 | 1 | |||||||
| 11.7. Text layout – Content Area | |||||||||
| 11.7.1. The 'width' and/or 'height' attributes | 5 | ||||||||
| 11.7.2. The ‘shape-inside’ property | 6 | ||||||||
| 11.7.3. The ‘shape-outside’ property | 2 | ||||||||
| 11.7.4. The ‘shape-margin’ property | |||||||||
| 11.7.5. The ‘shape-padding’ property | 1 | ||||||||
| 11.8. Text layout – Directions | 1 | 1 | |||||||
| 11.8.1. Layout Orientations | 2 | ||||||||
| 11.8.1.1. The inline-progression-direction: the ‘writing-mode’ property | 1 | ||||||||
| 11.8.2. Relationship with bidirectionality | 1 | ||||||||
| 11.8.2.1. The ‘direction’ property | |||||||||
| 11.8.2.2. The ‘unicode-bidi’ property | |||||||||
| 11.8.3. Glyph orientation within a text run | 1 | ||||||||
| 11.8.3.1. The ‘glyph-orientation-vertical’ property | 1 | ||||||||
| 11.8.3.2. The ‘glyph-orientation-horizontal’ property | 1 | ||||||||
| 11.9. Text layout – Positioning | 1 | ||||||||
| 11.9.1. Current text position | 2 | ||||||||
| 11.9.2. White Space | |||||||||
| 11.9.2.1. SVG 2 Preferred white space handling the ‘white-space’ property | |||||||||
| 11.9.2.2. Legacy whitespace handling the ‘xml:space’ property | |||||||||
| 11.9.2.3. Duplicate whitespace directives | |||||||||
| 11.9.2.4. Tab character size: the ‘tab-size’ property | 1 | ||||||||
| 11.9.3. Line spacing the ‘line-height’ property | |||||||||
| 11.9.4. Spacing within lines | 2 | ||||||||
| 11.9.4.1. The ‘letter-spacing’ property | |||||||||
| 11.9.4.2. The ‘word-spacing’ property | |||||||||
| 11.9.5. Baseline alignment properties | 1 | 1 | |||||||
| 11.9.5.1. The ‘dominant-baseline’ property | |||||||||
| 11.9.5.2. The ‘alignment-baseline’ property | |||||||||
| 11.9.5.3. The ‘baseline-shift’ property | |||||||||
| 11.10. Pre-formatted text | 1 | ||||||||
| 11.10.1. Multi-line text via 'white-space' | 1 | ||||||||
| 11.10.2. Adjusting Text Chunks | |||||||||
| 11.10.2.1. Repositioning Glyphs | 1 | ||||||||
| 11.10.2.2. Text alignment the ‘text-anchor’ property | |||||||||
| 11.11. Auto-wrapped text | 1 | ||||||||
| 11.11.1. Alignment | |||||||||
| 11.11.1.1. Text alignment: the ‘text-align’ property | |||||||||
| 11.11.1.2. Last line alignment: the ‘text-align-last’ property | |||||||||
| 11.11.2. Line Breaking | |||||||||
| 11.11.2.1. Breaking Rules for Punctuation: the ‘line-break’ property | |||||||||
| 11.11.2.2. Breaking Rules for Letters: the ‘word-break’ property | |||||||||
| 11.11.2.3. Hyphenation Control: the ‘hyphens’ property | |||||||||
| 11.11.2.4. Overflow Wrapping: the ‘word-wrap’ and ‘overflow-wrap’ properties | |||||||||
| 11.11.3. Edge Effects | |||||||||
| 11.11.3.1. First Line Indentation: the ‘text-indent’ property | 1 | ||||||||
| 11.11.3.2. Hanging Punctuation: the ‘hanging-punctuation’ property | 1 | ||||||||
| 11.12. Text on a path | |||||||||
| 11.12.1. The ‘textPath’ element | 1 | ||||||||
| 11.12.2. Attributes | |||||||||
| 11.12.3. Text on a path layout rules | |||||||||
| 11.13. Text rendering order | |||||||||
| 11.13.1. Text overflow processing: the ‘text-overflow’ property | 1 | 3 | |||||||
| 11.14. Font selection properties | 1 | ||||||||
| 11.14.1. The ‘font-family’ property | |||||||||
| 11.14.2. The ‘font-style’property | |||||||||
| 11.14.3. The ‘font-variant’ property | |||||||||
| 11.14.4. The ‘font-weight’ property | |||||||||
| 11.14.5. The ‘font-stretch’ property | |||||||||
| 11.14.6. The ‘font-size’ property | |||||||||
| 11.14.7. The ‘font-size-adjust’ property | |||||||||
| 11.14.8. The ‘font’ property | |||||||||
| 11.15. Text decoration | |||||||||
| 11.15.1. The ‘text-decoration’ property | 1 | ||||||||
| 11.16. Text selection and clipboard operations | |||||||||
| 11.17. DOM interfaces | 1 | ||||||||
| 11.17.1. Interface SVGTextContentElement | |||||||||
| 11.17.2. Interface SVGTextPositioningElement | |||||||||
| 11.17.3. Interface SVGTextElement | |||||||||
| 11.17.4. Interface SVGTSpanElement | |||||||||
| 11.17.5. Interface SVGTextPathElement | |||||||||
| 12. Embedded Content | Link | Link | 2 | 4 | 2 | 9 | 2 | 2 | 0 |
| 12.1. Overview | 1 | 1 | |||||||
| 12.2. Placement and scaling of the referenced resource | 1 | ||||||||
| 12.3. The ‘image’ element | 3 | 2 | |||||||
| 12.4. The ‘video’ element | |||||||||
| 12.5. The ‘audio’ element | |||||||||
| 12.6. The ‘iframe’ element | 1 | ||||||||
| 12.7. The ‘canvas’ element | 1 | ||||||||
| 12.8. The ‘foreignObject’ element | 1 | ||||||||
| 12.9. The ‘source’ element | |||||||||
| 12.10. The ‘track’ element | |||||||||
| 12.11. DOM interfaces | 1 | ||||||||
| 12.11.1. Interface SVGImageElement | |||||||||
| 12.11.2. Interface SVGVideoElement | |||||||||
| 12.11.3. Interface SVGAudioElement | |||||||||
| 12.11.4. Interface SVGIframeElement | 1 | ||||||||
| 12.11.5. Interface SVGCanvasElement | |||||||||
| 12.11.6. Interface SVGSourceElement | |||||||||
| 12.11.7. Interface SVGTrackElement | |||||||||
| 13. Painting: Filling, Stroking and Marker Symbols | Link | Link | 3 | 14 | 3 | 30 | 3 | 9 | 2 |
| 13.1. Introduction | 1 | ||||||||
| 13.2. Specifying paint | 4 | 2 | |||||||
| 13.3. Fill properties | |||||||||
| 13.3.1. Specifying fill paint: the ‘fill’ property | |||||||||
| 13.3.2. Winding rule: the ‘fill-rule’ property | |||||||||
| 13.3.3. Fill paint opacity: the ‘fill-opacity’ property | |||||||||
| 13.4. Stroke properties | 1 | ||||||||
| 13.4.1. Specifying stroke paint: the ‘stroke’ property | 2 | ||||||||
| 13.4.2. Stroke paint opacity: the ‘stroke-opacity’ property | |||||||||
| 13.4.3. Stroke width: the ‘stroke-width’ property | |||||||||
| 13.4.4. Drawing caps at the ends of strokes: the ‘stroke-linecap’ property | |||||||||
| 13.4.5. Controlling line joins: the ‘stroke-linejoin’ and ‘stroke-miterlimit’ properties | 1 | 3 | |||||||
| 13.4.6. Dashing strokes: the ‘stroke-dasharray’, ‘stroke-dashoffset’, ‘stroke-dashcorner’ and ‘stroke-dashadjust’ properties | 8 | ||||||||
| 13.4.7. Computing the shape of the stroke | 1 | 3 | |||||||
| 13.4.8. Computing the circles for the arcs 'stroke-linejoin' | |||||||||
| 13.5. Controlling visibility: the effect of the ‘display’ and ‘visibility’ properties | |||||||||
| 13.6. Vector Effects | 1 | ||||||||
| 13.6.1. Computing the vector effects | |||||||||
| 13.6.2. Computing the vector effects for nested viewport coordinate systems | |||||||||
| 13.6.3. Examples of vector effects | |||||||||
| 13.7. Markers | 1 | 1 | |||||||
| 13.7.1. The ‘marker’ element | 3 | ||||||||
| 13.7.2. Referencing ‘marker’ elements | |||||||||
| 13.7.3. Vertex markers: the ‘marker-start’, ‘marker-mid’ and ‘marker-end’ properties | |||||||||
| 13.7.4. Segment markers: the ‘marker-segment’ property | |||||||||
| 13.7.5. Repeating markers: the ‘marker-pattern’ property | |||||||||
| 13.7.6. Marker shorthand: the ‘marker’ property | |||||||||
| 13.7.7. Knocking out the stroke: the ‘marker-knockout-left’ and ‘marker-knockout-right’ properties | 5 | ||||||||
| 13.7.8. Details on how markers are rendered | |||||||||
| 13.8. Controlling paint operation order: the ‘paint-order’ property | 1 | 3 | |||||||
| 13.9. Controlling element rendering order: the effect of the ‘z-index’ property | |||||||||
| 13.10. Color space for interpolation: the ‘color-interpolation’ property | |||||||||
| 13.11. Rendering hints | |||||||||
| 13.11.1. The ‘color-rendering’ property | |||||||||
| 13.11.2. The ‘shape-rendering’ property | |||||||||
| 13.11.3. The ‘text-rendering’ property | |||||||||
| 13.11.4. The ‘image-rendering’ property | 1 | ||||||||
| 13.11.5. The ‘buffered-rendering’ property | 1 | ||||||||
| 13.12. Inheritance of painting properties | |||||||||
| 13.13. DOM interfaces | |||||||||
| 13.13.1. Interface SVGMarkerInstance | 1 | ||||||||
| 13.13.2. Interface SVGMarkerList | |||||||||
| 13.13.3. Interface SVGMarkableElement | |||||||||
| 13.13.4. Interface SVGMarkerElement | |||||||||
| 14. Color | Link | Link | 1 | 2 | 1 | 5 | 1 | 3 | 0 |
| 14.1. Introduction | 2 | ||||||||
| 14.2. Color-managed images | 2 | ||||||||
| 14.3. Color syntax | |||||||||
| 14.3.1. sRGB colors | 1 | ||||||||
| 14.3.2. sRGB colors with alpha | |||||||||
| 14.3.3. ICC colors | |||||||||
| 14.3.4. LAB color | |||||||||
| 14.3.5. ICC named color | 1 | ||||||||
| 14.4. Unmanaged colors | |||||||||
| 14.4.1. Uncalibrated device color | |||||||||
| 14.5. The effect of the ‘color’ property | |||||||||
| 14.6. Color profile descriptions | |||||||||
| 14.6.1. Overview of color profile descriptions | |||||||||
| 14.6.2. The CSS @color-profile rule | 1 | ||||||||
| 14.7. Color syntax | |||||||||
| 14.8. DOM interfaces | |||||||||
| 14.8.1. Interface SVGColorProfileRule | |||||||||
| 15. Paint Servers: Solid Colors, Gradients, Patterns, and Hatches | Link | Link | 3 | 15 | 3 | 11 | 3 | 2 | 0 |
| 15.1. Introduction | 1 | 1 | |||||||
| 15.2. Solid colors | 1 | ||||||||
| 15.2.1. Properties | |||||||||
| 15.3. Gradients | 1 | ||||||||
| 15.3.1. Linear gradients | |||||||||
| 15.3.1.1. Attributes | 1 | ||||||||
| 15.3.1.2. Notes on linear gradients | |||||||||
| 15.3.2. Radial gradients | |||||||||
| 15.3.2.1. Attributes | 2 | ||||||||
| 15.3.2.2. Notes on radial gradients | 2 | ||||||||
| 15.3.3. Mesh gradients | 4 | 3 | |||||||
| 15.3.4. Gradient stops | 1 | ||||||||
| 15.3.4.1. Attributes | |||||||||
| 15.3.4.2. Properties | |||||||||
| 15.3.4.3. Notes on gradient stops | |||||||||
| 15.4. Patterns | |||||||||
| 15.4.1. Attributes | |||||||||
| 15.4.2. Notes on patterns | |||||||||
| 15.5. Hatches | 1 | 1 | |||||||
| 15.5.1. Attributes | 1 | ||||||||
| 15.5.2. Notes on hatches | 1 | 1 | |||||||
| 15.5.3. Hatch paths | |||||||||
| 15.5.3.1. Attributes | |||||||||
| 15.5.3.2. Notes on hatch paths | 1 | ||||||||
| 15.6. DOM interfaces | |||||||||
| 15.6.1. Interface SVGSolidColorElement | 1 | ||||||||
| 15.6.2. Interface SVGGradientElement | |||||||||
| 15.6.3. Interface SVGLinearGradientElement | |||||||||
| 15.6.4. Interface SVGRadialGradientElement | |||||||||
| 15.6.5. Interface SVGMeshGradientElement | |||||||||
| 15.6.6. Interface SVGMeshRowElement | |||||||||
| 15.6.7. Interface SVGMeshPatchElement | |||||||||
| 15.6.8. Interface SVGStopElement | |||||||||
| 15.6.9. Interface SVGPatternElement | |||||||||
| 15.6.10. Interface SVGSolidHatchElement | 1 | ||||||||
| 15.6.11. Interface SVGSolidHatchPathElement | 1 | ||||||||
| 16. Clipping, Masking and Compositing | Link | Link | 1 | 1 | 1 | 3 | 1 | 4 | 1 |
| 16.1. Simple alpha compositing | 1 | ||||||||
| 16.2. The ‘overflow’ property | 3 | ||||||||
| 16.2.1. Clip to viewport vs. clip to ‘viewBox’ | |||||||||
| 16.2.2. The initial clipping path | |||||||||
| 16.3. Clipping and Masking | |||||||||
| 16.4. Object and group opacity: the effect of the ‘opacity’ property | |||||||||
| 17. Filter Effects | Link | Link | 1 | 0 | 0 | 0 | 0 | 1 | 0 |
| 18. Interactivity | Link | Link | 2 | 8 | 2 | 1 | 1 | 5 | 0 |
| 18.1. Introduction | |||||||||
| 18.2. Complete list of supported events | 4 | 1 | |||||||
| 18.3. User interface events | |||||||||
| 18.4. Pointer events | |||||||||
| 18.5. Hit-testing and processing order for user interface events | |||||||||
| 18.5.1. Hit-testing | |||||||||
| 18.5.2. Event processing | |||||||||
| 18.6. The ‘pointer-events’ property | |||||||||
| 18.7. Magnification and panning | 1 | ||||||||
| 18.8. Cursors | 1 | ||||||||
| 18.8.1. The effect of the ‘cursor’ property | |||||||||
| 18.8.2. The ‘cursor’ element | |||||||||
| 18.9. Focus | 1 | ||||||||
| 18.9.1. Sequential focus navigation and the ‘tabindex’ attribute | |||||||||
| 18.9.1.1. Focus management | 1 | ||||||||
| 18.10. DOM interfaces | |||||||||
| 18.10.1. Interface SVGCursorElement | |||||||||
| 19. Linking | Link | Link | 1 | 1 | 1 | 3 | 1 | 8 | 0 |
| 19.1. References | |||||||||
| 19.1.1. Overview | |||||||||
| 19.1.2. URLs and URIs | |||||||||
| 19.1.3. Syntactic forms: URL and FuncURL | 1 | ||||||||
| 19.1.4. Processing of URL references | |||||||||
| 19.1.5. URL reference attributes | |||||||||
| 19.2. Links out of SVG content: the ‘a’ element | |||||||||
| 19.3. Linking into SVG content: URL fragments and SVG views | |||||||||
| 19.3.1. SVG fragment identifiers | 1 | 2 | |||||||
| 19.3.2. Predefined views: the ‘view’ element | |||||||||
| 19.3.3. Highlighting views | |||||||||
| 19.4. DOM interfaces | |||||||||
| 19.4.1. Interface SVGAElement | |||||||||
| 19.4.2. Interface SVGViewElement | |||||||||
| 20. Scripting | Link | Link | 1 | 2 | 1 | 2 | 1 | 4 | 0 |
| 20.1. The ‘script’ element | 2 | ||||||||
| 20.2. Event handling | |||||||||
| 20.3. Event attributes | |||||||||
| 20.3.1. Event attribute for the load event | |||||||||
| 20.3.2. Event attributes on graphics and container elements | |||||||||
| 20.3.3. Document-level event attributes | 2 | ||||||||
| 20.3.4. Animation event attributes | |||||||||
| 20.4. DOM interfaces | |||||||||
| 20.4.1. Interface SVGScriptElement | |||||||||
| 20.4.2. Interface SVGZoomEvent | |||||||||
| 21. Animation | Link | Link | 1 | 1 | 1 | 2 | 1 | 4 | 0 |
| 21.1. Introduction | 1 | ||||||||
| 21.2. Animation elements | |||||||||
| 21.2.1. Overview | |||||||||
| 21.2.2. Relationship to SMIL Animation | 1 | ||||||||
| 21.2.3. Animation elements example | |||||||||
| 21.2.4. Attributes to identify the target element for an animation | |||||||||
| 21.2.5. Attributes to identify the target attribute or property for an animation | |||||||||
| 21.2.6. Animation with namespaces | |||||||||
| 21.2.7. Paced animation and complex types | |||||||||
| 21.2.8. Attributes to control the timing of the animation | |||||||||
| 21.2.8.1. Clock values | |||||||||
| 21.2.9. Attributes that define animation values over time | |||||||||
| 21.2.10. Attributes that control whether animations are additive | |||||||||
| 21.2.11. Inheritance | |||||||||
| 21.2.12. The ‘animate’ element | |||||||||
| 21.2.13. The ‘set’ element | |||||||||
| 21.2.14. The ‘animateMotion’ element | |||||||||
| 21.2.15. The ‘animateTransform’ element | 1 | ||||||||
| 21.2.16. Elements, attributes and properties that can be animated | |||||||||
| 21.3. Animation using the SVG DOM | |||||||||
| 21.4. DOM interfaces | |||||||||
| 21.4.1. Interface TimeEvent | |||||||||
| 21.4.2. Interface SVGAnimationElement | |||||||||
| 21.4.3. Interface SVGAnimateElement | |||||||||
| 21.4.4. Interface SVGSetElement | |||||||||
| 21.4.5. Interface SVGAnimateMotionElement | |||||||||
| 21.4.6. Interface SVGMPathElement | |||||||||
| 21.4.7. Interface SVGAnimateTransformElement | |||||||||
| 22. Metadata | Link | Link | 1 | 0 | 0 | 0 | 0 | 1 | 0 |
| 22.1. Introduction | |||||||||
| 22.2. The ‘metadata’ element | |||||||||
| 22.3. An example | |||||||||
| 22.4. DOM interfaces | |||||||||
| 22.4.1. Interface SVGMetadataElement | |||||||||
| 23. Backwards Compatibility | Link | Link | 1 | 0 | 0 | 0 | 0 | 1 | 0 |
| 24. Extensibility | Link | Link | 1 | 0 | 0 | 2 | 1 | 1 | 0 |
| 24.1. Foreign namespaces and private data | |||||||||
| 24.2. Embedding foreign object types | |||||||||
| 24.3. The ‘foreignObject’ element | |||||||||
| 24.4. An example | |||||||||
| 24.5. DOM interfaces | |||||||||
| 24.5.1. Interface SVGForeignObjectElement |