Edit comment LC-2096 for SVG Working Group

Quick access to LC-2096

Comment LC-2096

Comment Shortname:

Commenter: Dr. Olaf Hoffmann <Dr.O.Hoffmann@gmx.de>

Message-id:

Section of the document concerned:

[Free text description]Document as a wholeScalable Vector Graphics (SVG) Tiny 1.2 Specification Scalable Vector Graphics (SVG) Tiny 1.2 Specification W3C Working Draft 15 September 2008 A non-normative single page version of this document is also... Abstract Abstract Status of this document Available languages Table of Contents The authors of the SVG Tiny 1.2 specification are the people... Acknowledgments Expanded Table of Contents 1 Introduction 1.1 About SVG 1... Expanded Table of Contents 1 Introduction Contents 1.1 About SVG 1.2 SVG Tiny 1.2 1.... Contents 1.1 About SVG 1.2 SVG Tiny 1.2 1.2.1 Profiling the SVG specification 1.3 Defining an SVG Tiny 1.2 document 1.4 SVG MIME type, file name extension and Macintosh file type 1.5 Compatibility with other standards efforts 1.6 Definitions after-edge animation element basic shape before-edge canvas bounding box Example bbox01 shows one shape (a 'path' element with a quad... conditional processing attribute container element current SVG document fragment current transformation matrix (CTM) decorated bounding box descriptive element document begin document end document time fill font glyph graphics element graphics referencing element host language in error inactive element IRI reference Invalid IRI reference lacuna value local IRI reference navigation attribute non-local IRI reference media element paint presentation attribute property rendering tree rootmost 'svg' element shadow tree shape stroke SVG canvas SVG context SVG document fragment SVG element SVG user agent SVG viewport syncbase text content element text content block element timed element transformation transformation matrix unsupported value user agent user coordinate system user space user units viewport viewport coordinate system viewport space viewport units 1.7 How to reference this specification 2 Concepts Contents 2.1 Explaining the name: SVG 2.1.1 Sc... Contents 2.1 Explaining the name: SVG 2.1.1 Scalable 2.1.2 Vector 2.1.3 Graphics 2.1.4 XML 2.1.5 Namespace 2.1.6 Scriptable 2.2 Important SVG concepts 2.2.1 Graphical objects 2.2.2 Re-use 2.2.3 Fonts 2.2.4 Animation 2.3 Options for using SVG in Web pages 3 Rendering Model Contents 3.1 Introduction 3.2 The painte... Contents 3.1 Introduction 3.2 The painters model 3.3 Rendering order 3.4 Types of graphics elements 3.4.1 Rendering shapes and text 3.4.2 Rendering raster images 3.4.3 Rendering video 3.5 Object opacity 3.6 Parent compositing 4 Basic Data Types This chapter defines a number of common... 4 Basic Data Types <boolean> <Char> <Clock-value> <color> <color> <content-type> <coordinate> <focus> <font-family-value> <family-name> <font-size-value> <FuncIRI> <ID> <IDREF> <integer> <IRI> <language-id> <length> <list-of-content-types> <list-of-family-names> <list-of-language-ids> <list-of-strings> <list-of-Ts> <list-of-Ts> <list-of-Ts> <list-of-Ts> <list-of-Ts> <list-of-Ts> <long> <NCName> <number> <paint> <path-data> <points-data> <QName> <string> <transform> <XML-Name> <XML-NMTOKEN> <XML-NMTOKENS> 4 Basic Data Types This chapter defines a number of common... 5 Document Structure Contents 5.1 Defining an SVG document... Contents 5.1 Defining an SVG document fragment: the 'svg' element 5.1.1 Overview The following example shows simple SVG content embedded inli... 5.1.2 The 'svg' element version = "1.0" | "1.1" | "1.2" baseProfile = "profile-name" width = "<length>" height = "<length>" viewBox = "<list-of-numbers>" | "none" preserveAspectRatio = "[defer] <align> [<meet>]" snapshotTime = "<clock-value>" | "none" playbackOrder = "forwardOnly" | "all" timelineBegin = "onLoad" | "onStart" contentScriptType = "<content-type>" zoomAndPan = "magnify" | "disable" focusable = "true" | "false" | "auto" Below is an example of 'snapshotTime'. An SVG user agent is... 5.2 Grouping: the 'g' element 5.2.1 Overview 5.2.2 The 'g' element focusable = "true" | "false" | "auto" 5.3 The 'defs' element 5.4 The 'discard' element xlink:href = "<IRI>" begin = "begin-value-list" 5.5 The 'title' and 'desc' elements 5.5.1 Applicable 'title' and 'desc' 5.5.2 Multiple 'title' and 'desc' elements 5.5.3 User interface behavior for 'title' and 'desc' 5 Document Structure Contents 5.1 Defining an SVG document... 5 Document Structure Contents 5.1 Defining an SVG document... 5.6 The 'use' element x = "<coordinate>" y = "<coordinate>" xlink:href = "<IRI>" focusable = "true" | "false" | "auto" Example use-bubble-example-1.svg illustrates four cases of e... Example use-bubble-example-2.svg illustrates event bubbling... Example image-use-base.svg illustrates the handling of relat... 5.7 The 'image' element x = "<coordinate>" y = "<coordinate>" width = "<length>" height = "<length>" preserveAspectRatio = "[defer] <align> [<meet>]" xlink:href = "<IRI>" type = "<content-type>" focusable = "true" | "false" | "auto" 5.8 Conditional processing 5.8.1 Conditional processing overview Example systemLanguage below displays one of three text stri... 5.8.2 The 'switch' element requiredExtensions = "<list-of-strings>" requiredFeatures = "<list-of-strings>" requiredFonts = "<list-of-strings>" requiredFormats = "<list-of-content-types>" systemLanguage = "<list-of-language-ids>" focusable = "true" | "false" | "auto" 5.8.3 The 'requiredFeatures' attribute 5.8.4 The 'requiredExtensions' attribute 5.8.5 The 'systemLanguage' attribute 5.8.6 The 'requiredFormats' attribute 5.8.7 The 'requiredFonts' attribute 5.9 External resources 5.9.1 The 'externalResourcesRequired' attribute 5.9.2 Progressive rendering 5.9.3 The 'prefetch' element mediaSize = "<long>" mediaTime = "<clock-value>" bandwidth = "<long>" mediaCharacterEncoding = "<string>" mediaContentEncodings = "<list-of-strings>" xlink:href = "<IRI>" 5.10 Common attributes 5.10.1 Attributes common to all elements id = "<ID>" xml:id = "<ID>" xml:base = "<IRI>" class = "<XML-NMTOKENS>" role = "<list-of-strings>" rel = "<list-of-strings>" rev = "<list-of-strings>" about = "<list-of-strings>" content = "<string>" datatype = "<string>" property = "<list-of-strings>" resource = "<string>" typeof = "<list-of-strings>" The 'id' and 'xml:id' attributes The 'id' attribute may be deprecated in a future version o... 5.10.2 Attributes for character-content elements xml:lang = "<language-id>" xml:space = "default" | "preserve" 6 Styling Contents 6.1 SVG's styling properties 6.2 Usage... Contents 6.1 SVG's styling properties The following properties are shared between CSS2 and SVG. Ap... 6.2 Usage scenarios for styling 6.3 Specifying properties using the presentation attributes 6.4 Styling with XSL 6.5 Case sensitivity of property names and values 6.6 Facilities from CSS and XSL used by SVG 6.7 Property inheritance and computation 7 Coordinate Systems, Transformations and Units Contents 7... Contents 7.1 Introduction 7.2 The initial viewport 7.3 The initial coordinate system Example 07_02 below shows that the initial coordinate system... 7.4 Coordinate system transformations Example 07_03 below shows a document without transformations... Example 07_04 establishes a new user coordinate system by sp... Example 07_05 illustrates simple rotate and scale transforma... Example 07_06 defines two coordinate systems which are skewe... Mathematically, all transformations can be represented as 3x... Translation is equivalent to the matrix: or [1 0 0 1 tx ty... Scaling is equivalent to the matrix: or [sx 0 0 sy 0 0]. O... Rotation about the origin is equivalent to the matrix: or... A skew transformation along the x-axis is equivalent to the... A skew transformation along the y-axis is equivalent to the... 7.5 Nested transformations Example 07_07 illustrates nested transformations. 7.6 The 'transform' attribute transform = "<transform-list>" | "<transform-ref>" | "none" 7.6.1 The TransformList value The 'transform' attribute is applied to an element before pr... 7.7 Constrained transformations 7.7.1 The user transform 7.7.2 ViewBox to viewport transformation 7.7.3 Element transform stack 7.7.4 The current transformation matrix 7.7.5 The TransformRef value 7.8 The 'viewBox' attribute viewBox = "<list-of-numbers>" | "none" Example 07_12 illustrates the use of the 'viewBox' attribute... Unlike the 'transform' attribute (see effect of the 'transfo... 7.9 The 'preserveAspectRatio' attribute preserveAspectRatio = ""[defer] <align> [<meet>]" Example PreserveAspectRatio illustrates the various options... 7.10 Establishing a new viewport The following elements establish new viewports: 7.11 Units 7.12 Object bounding box units Element Attribute Effect 'linearGradient' gradientUni... 7.13 Intrinsic sizing properties of the viewport of SVG content 7.14 Geographic coordinate systems 7.15 The 'svg:transform' attribute svg:transform = "<transform>" | "none" 8 Paths Contents 8.1 Introduction 8.2 The 'path' element... Contents 8.1 Introduction 8.2 The 'path' element d = "<path-data>" pathLength = "<number>" focusable = "true" | "false" | "auto" 8.2.1 Animating path data 8.3 Path data 8.3.1 General information about path data 8.3.2 The "moveto" commands 8.3.3 The "closepath" command 8.3.4 The "lineto" commands 8.3.5 The Curve commands 8.3.6 The Cubic Bézier curve commands 8.3.7 The Quadratic Bézier curve commands 8.3.8 The grammar for path data 8.4 Distance along a path 9 Basic Shapes Contents 9.1 Introduction 9.2 The 'rect' el... Contents 9.1 Introduction 9.2 The 'rect' element x = "<coordinate>" y = "<coordinate>" width = "<length>" height = "<length>" rx = "<length>" ry = "<length>" focusable = "true" | "false" | "auto" Example 09_01 shows a rectangle with sharp corners. The 'rec... Example 09_02 shows two rounded rectangles. The 'rx' specifi... 9.3 The 'circle' element cx = "<coordinate>" cy = "<coordinate>" r = "<length>" focusable = "true" | "false" | "auto" Example circle01 consists of a 'circle' element that is fill... 9.4 The 'ellipse' element cx = "<coordinate>" cy = "<coordinate>" rx = "<length>" ry = "<length>" focusable = "true" | "false" | "auto" 9.5 The 'line' element x1 = "<coordinate>" y1 = "<coordinate>" x2 = "<coordinate>" y2 = "<coordinate>" focusable = "true" | "false" | "auto" Example 09_05 below specifies the coordinates of the five li... 9.6 The 'polyline' element points = "<points-data>" focusable = "true" | "false" | "auto" Example 09_06 below specifies a polyline in the user coordin... 9.7 The 'polygon' element points = "<points-data>" focusable = "true" | "false" | "auto" Example 09_07 below specifies two polygons (a star and a hex... 9.7.1 The grammar for points specifications in 'polyline' and 'polygon' elements 10 Text Contents 10.1 Introduction 10.2 Characters and the... Contents 10.1 Introduction 10.2 Characters and their corresponding glyphs 10.3 Fonts, font tables and baselines 10.4 The 'text' element Text behaves like other graphical objects, and it is therefo... x = "<list-of-coordinates>" y = "<list-of-coordinates>" editable = "none" | simple" rotate = "<list-of-numbers>" focusable = "true" | "false" | "auto" Example text01 below contains the text string "Hello, out th... 10.5 The 'tspan' element Example tspan01 uses a 'tspan' element to indicate that the... focusable = "true" | "false" | "auto" 10.6 Text layout 10.6.1 Text layout introduction For each text content block element, the SVG user agent dete... Based on the reference orientation the SVG user agent determ... Based on the reference orientation the SVG user agent determ... In processing a given text content block element, the SVG us... For each glyph to be rendered, the SVG user agent determines... Adjustments to the current text position are either absolute... 10.6.2 Relationship with bidirectionality 10.7 Text rendering order 10.8 Alignment properties 10.8.1 Text alignment properties The 'text-anchor' property is used to align (start-, middle-... 'text-anchor' 10.9 Font selection properties 'font-family' Value:   [[ <family-name> | <generic-fami... 'font-family' 'font-style' Value:   normal | italic | oblique | inhe... 'font-style' 'font-variant' Value:   normal | small-caps | inherit... 'font-variant' 'font-weight' Value:   normal | bold | bolder | lighter... 'font-weight' 'font-size' Value:   <absolute-size> | <relative-size>... 'font-size' 10.10 White space handling xml:space = "default" | "preserve" 10.11 Text in an area 10.11.1 Introduction to text in an area Example textArea01 below contains a text string which will w... 10.11.2 The 'textArea' element x = "<coordinate>" y = "<coordinate>" width = "auto" | "<coordinate>" height = "auto" | "<coordinate>" editable = "none" | "simple" focusable = "true" | "false" | "auto" 10.11.3 The 'tbreak' element 10.11.4 The 'line-increment' property 'line-increment' 10.11.5 The 'text-align' property 10.11.6 The 'display-align' property 'display-align' 10.11.7 Text in an area layout rules 10.12 Editable text fields 10.12.1 The 'editable' attribute editable = "none" | "simple" If the text of an editable element is edited, and the elemen... If the editable element does not have text content, it may n... Example textArea02 below shows how to use the 'pointer-event... 10.13 Text selection and clipboard operations 11 Painting: Filling, Stroking, Colors and Paint Servers Co... Contents 11.1 Introduction 11.2 Specifying paint 11.3 Fill Properties 'fill' Value:   <paint> | inherit (See Specifying pain... 'fill' 'fill-rule' 'fill-rule' 'fill-opacity' 'fill-opacity' 11.4 Stroke Properties 'stroke' Value:   <paint> | inherit (See Specifying pa... 'stroke' 'stroke-width' Value:   <length> | inherit Initial: ... 'stroke-width' 'stroke-linecap' Value:   butt | round | square | inhe... 'stroke-linecap' 'stroke-linejoin' Value:   miter | round | bevel | inh... 'stroke-linejoin' 'stroke-miterlimit' Value:   <miterlimit> | inherit... 'stroke-miterlimit' 'stroke-dasharray' Value:   none | <list-of-lengths> |... 'stroke-dasharray' 'stroke-dashoffset' Value:   <length> | inherit Init... 'stroke-dashoffset' 'stroke-opacity' Value:   <opacity-value> | inherit... 'stroke-opacity' 11.5 Non-Scaling Stroke 'vector-effect' Value:   non-scaling-stroke | none | i... 'vector-effect' 11.6 Simple alpha compositing 11.6.1 Compositing the currentColor value 11.7 The 'viewport-fill' Property 11.8 The 'viewport-fill-opacity' Property 11.9 Controlling visibility and rendering 'display' Value:   inline | block | list-item | run-in... 'display' 'visibility' Value:   visible | hidden | collapse | in... 'visibility' 11.10 Rendering hints 11.10.1 The 'color-rendering' property 'color-rendering' 11.10.2 The 'shape-rendering' property 'shape-rendering' 11.10.3 The 'text-rendering' property 'text-rendering' 11.10.4 The 'image-rendering' property 'image-rendering' 11.10.5 The 'buffered-rendering' property 'buffered-rendering' 11.11 Inheritance of painting properties 11.12 Object and group opacity: the 'opacity' property 'opacity' 'opacity' 11.13 Color 11.13.1 Syntax for color values 11.13.2 HTML Color keywords 11.14 Paint servers With SVG, you can fill (i.e., paint the interior) or stroke... 11.14.1 System Paint Servers 11.14.2 The 'solidColor' element 'solid-color' Value: currentColor | <color> | inherit... 'solid-opacity' Value: <opacity-value> | inherit Ini... 11.14.3 The 'color' property 'color' 11.15 Gradients 11.15.1 Linear gradients gradientUnits = "userSpaceOnUse" | "objectBoundingBox" x1 = " <coordinate> " y1 = " <coordinate> " x2 = " <coordinate> " y2 = " <coordinate> " Example lingrad01 shows how to fill a rectangle by referenci... 11.15.2 Radial gradients gradientUnits = "userSpaceOnUse" | "objectBoundingBox" cx = " <coordinate> " cy = " <coordinate> " r = " <length> " Example radgrad01 shows how to fill a rectangle by referenci... 11.15.3 Defining gradient stops: the 'stop' element offset = " <number> " 'stop-color' Value:   currentColor | <color> | inherit... 'stop-color' 'stop-opacity' Value:   <opacity-value> | inherit In... 'stop-opacity' 12 Multimedia Contents 12.1 Media elements 12.1.1 Media t... 12 Multimedia Contents 12.1 Media elements 12.1.1 Media timeline and document timeline 12.1.2 Media availability 12.1.3 Platform limits 12.1.4 Audio mixing for 'audio' and 'video' elements 12.2 The 'audio' element xlink:href = "<IRI>" type = "<media/type>" 12.3 The 'video' element x = "<coordinate>" y = "<coordinate>" width = "<length>" height = "<length>" xlink:href = "<IRI>" preserveAspectRatio = [defer] <align> [<meet>] type = "<media/type>" transformBehavior = "geometric" | "pinned" | "pinned90" | "... overlay = "top" | "none" initialVisibility = "whenStarted" | "always" focusable = "true" | "false" | "auto" 12.3.1 Restricting the transformation of the 'video' element transformBehavior = "geometric" | "pinned" | "pinned90" | "... 12.3.2 Restricting compositing of the 'video' element overlay = "top" | "none" 12.3.3 Examples 12.4 The 'animation' element x = "<coordinate>" y = "<coordinate>" width = "<length>" height = "<length>" xlink:href = "<IRI>" preserveAspectRatio = [defer] <align> [<meet>] initialVisibility = "whenStarted" | "always" focusable = "true" | "false" | "auto" 12.5 The 'audio-level' property 12.6 Attributes for runtime synchronization 'syncBehavior' attribute syncBehavior = "canSlip" | "locked" | "independent" | "defa... 'syncBehaviorDefault' attribute syncBehaviorDefault = "canSlip" | "locked" | "independent"... 'syncTolerance' attribute syncTolerance = Clock-value | "default" 'syncToleranceDefault' attribute syncToleranceDefault = Clock-value | "inherit" 'syncMaster' attribute syncMaster = Boolean Example: video content synchronized with some text 12.7 The 'initialVisibility' attribute initialVisibility = "whenStarted" | "always" 13 Interactivity Contents 13.1 Introduction 13.2 Complete... Contents 13.1 Introduction 13.2 Complete list of supported events DOMFocusIn DOMFocusIn DOMFocusOut DOMFocusOut DOMActivate DOMActivate click click mousedown mousedown mouseup mouseup mouseover mouseover mousemove mousemove mouseout mouseout mousewheel mousewheel textInput textInput keydown keydown keyup keyup load load SVGLoad SVGLoad resize resize SVGResize SVGResize scroll scroll SVGScroll SVGScroll SVGZoom SVGZoom SVGRotate SVGRotate beginEvent beginEvent endEvent endEvent repeatEvent repeatEvent loadstart loadstart progress progress loadend loadend SVGTimer SVGTimer Note that in order to unify event names with other W3C speci... 13.3 User interface events The following example shows the use of a DOMActivate event t... 13.4 Pointer events 13.5 Text events 13.6 Key events 13.7 Event flow 13.8 Event dispatching 13.9 Processing order for user interface events 13.10 The 'pointer-events' property 'pointer-events' 13.11 Magnification and panning zoomAndPan = "magnify" | "disable" 13.12 Element focus 13.12.1 The 'focusable' attribute focusable = "true" | "false" | "auto" 13.13 Navigation 13.13.1 Navigation behavior 13.13.2 Specifying navigation nav-next nav-next = "url(<IRI>)" | "auto" | "self" nav-prev nav-prev = "url(<IRI>)" | "auto" | "self" nav-up nav-up = "url(<IRI>)" | "auto" | "self" nav-up-right nav-up-right = "url(<IRI>)" | "auto" | "self" nav-right nav-right = "url(<IRI>)" | "auto" | "self" nav-down-right nav-down-right = "url(<IRI>)" | "auto" | "self" nav-down nav-down = "url(<IRI>)" | "auto" | "self" nav-down-left nav-down-left = "url(<IRI>)" | "auto" | "self" nav-left nav-left = "url(<IRI>)" | "auto" | "self" nav-up-left nav-up-left = "url(<IRI>)" | "auto" | "self" 13.13.3 Specifying focus highlighting focusHighlight = "auto" | "none" 13.13.4 Obtaining and listening to focus programmatically 14 Linking Contents 14.1 References 14.1.1 Overview 14.1.... Contents 14.1 References 14.1.1 Overview Altering the xlink:href attribute 14.1.2 IRIs and URIs 14.1.3 Syntactic forms: IRI and FuncIRI 14.1.4 Reference restrictions Element Referencing attribute A B C D E An an... An animation element 'xlink:href' Yes, see Identifying the... 'discard' 'xlink:href' Yes, see Identifying the target elem... 'a' 'xlink:href' Yes, see Linking into SVG content. Yes, se... 'a' 'xlink:role' 'xlink:arcrole' Yes Yes Yes Yes Yes 'use' 'xlink:href' Yes, but a 'use' element must not refere... 'image' 'xlink:href' No No No Yes, but the 'image' element... 'animation' 'xlink:href' No No Yes No Yes 'prefetch' 'xlink:href' Yes Yes Yes Yes No 'audio' 'xlink:href' No No No Yes, depending on supported a... 'video' 'xlink:href' No No No Yes, depending on supported v... 'foreignObject' 'xlink:href' Yes Yes Yes Yes Yes 'script' 'xlink:href' No No No Yes, but it must reference a... 'handler' 'xlink:href' Yes Yes No Yes, but it must referenc... 'listener' 'handler' Yes No No No No An element on which paint may be specified 'fill' Yes, only... An element on which paint may be specified 'stroke' Yes, on... An element on which navigation attributes may be specified... 'font-face-uri' 'xlink:href' Yes, the reference must be to... 'mpath' 'xlink:href' Yes, only referencing a 'path' element... Additionally, any IRI reference which cannot be resolved is... A circular IRI reference is an error. Because SVG user agent... 14.1.5 IRI reference attributes xlink:type = 'simple' xlink:role = '<iri>' xlink:arcrole = '<iri>' xlink:title = '<string>' xlink:show = 'new' | 'replace' | 'embed' | 'other' | 'none' xlink:actuate = 'onLoad' Example: XLink namespace declaration Example: use and animation 14.1.6 Externally referenced documents 14.2 Links out of SVG content: the 'a' element Example link01 assigns a link to an ellipse. Attribute definitions: xlink:type = 'simple' See generic d... xlink:type = 'simple' xlink:role = '<iri>' xlink:arcrole = '<iri>' xlink:title = '<string>' xlink:show = 'new' | 'replace' xlink:actuate = 'onRequest' xlink:href = "<IRI>" target = '_replace' | '_self' | '_parent' | '_top' | '_blank... focusable = "true" | "false" | "auto" 14.2.1 Indicating links 14.3 Linking into SVG content: IRI fragments and SVG views 14.3.1 Introduction: IRI fragments and SVG views 14.3.2 SVG fragment identifiers SVG view specification (e.g., someDrawing.svg#svgView(transf... If the SVG fragment identifier addresses any element (e.g.,... 15 Scripting Contents 15.1 Specifying the scripting langua... Contents 15.1 Specifying the scripting language 15.1.1 Specifying the default scripting language 15.1.2 Local declaration of a scripting language 15.2 The 'script' element 15.2.1 Script processing Example 18_01 defines a function circle_click which is calle... type = "content-type" xlink:href = "<IRI>" 15.3 XML Events 15.4 The 'listener' element event observer target handler phase propagate defaultAction 15.5 The 'handler' element type = "content-type" xlink:href = "<IRI>" ev:event = "<string>" 15.5.1 Parameters to 'handler' elements 15.6 Event handling 15.7 Processing inline executable content 16 Animation Contents 16.1 Introduction 16.2 Animation ele... Contents 16.1 Introduction 16.2 Animation elements 16.2.1 Overview 16.2.2 Relationship to SMIL 2.1 Animation Additionally, SVG includes the following compatible extensio... 16.2.3 Animation elements example Example anim01 below demonstrates each of SVG's five animati... 16.2.4 Attributes to identify the target element for an animation xlink:href = "<IRI>" 16.2.5 Attributes to identify the target attribute or property for an animation attributeName = "<QName>" attributeType = "CSS" | "XML" | "auto" 16.2.6 Animation with namespaces Example animns01 below shows a namespace prefix being resolv... 16.2.7 Paced animation and complex types 16.2.8 Attributes to control the timing of the animation In the syntax specifications that follow, optional white spa... begin = "begin-value-list" begin-value-list ::= begin-value (S? ";" S? begin-value-lis... begin-value : ( offset-value | syncbase-value | event-value... offset-value ::= ( S? "+" | "-" S? )? ( <Clock-value> ) syncbase-value ::= ( Id-value "." ( "begin" | "end" ) ) ( S... event-value ::= ( Id-value "." )? ( event-ref ) ( S? ("+"|"-... repeat-value ::= ( Id-value "." )? "repeat(" integer ")" ( S... accessKey-value ::= "accessKey(" character ")" ( S? ("+"|"-... "indefinite" dur = "<Clock-value>" | "media" | "indefinite" end = "end-value-list" end-value-list ::= end-value (S? ";" S? end-value-list )? end-value : ( offset-value | syncbase-value | event-value |... min = "<Clock-value>" | "media" max = "<Clock-value>" | "media" restart = "always" | "whenNotActive" | "never" repeatCount = "<number>" | "indefinite" repeatDur = "<Clock-value>" | "indefinite" fill = "freeze" | "remove" event-base element Clock values 16.2.9 Attributes that define animation values over time calcMode = "discrete" | "linear" | "paced" | "spline" spline values = "<list>" keyTimes = "<list>" keySplines = "<list>" from = "<value>" to = "<value>" by = "<value>" 16.2.10 Attributes that control whether animations are additive additive = "replace" | "sum" accumulate = "none" | "sum" 16.2.11 Inheritance 16.2.12 The 'animate' element 16.2.13 The 'set' element to = "<value>" 16.2.14 The 'animateMotion' element calcMode = "discrete" | "linear" | "paced" | "spline" path = <path-data> keyPoints = "<list-of numbers>" rotate = "<angle>" | "auto" | "auto-reverse" origin = "default" Example animMotion01 shows a triangle moving along a motion... 16.2.15 The 'mpath' element xlink:href = "<IRI>" 16.2.16 The 'animateColor' element 16.2.17 The 'animateTransform' element type = "translate" | "scale" | "rotate" | "skewX" | "skewY" 16.2.18 Attributes and properties that can be animated Each attribute or property within this specification indicat... 16.3 Animation using the SVG DOM 16.4 Animation and the bounding box 17 Fonts Contents 17.1 Introduction 17.1.1 Describing fon... Contents 17.1 Introduction 17.1.1 Describing fonts available to SVG 17.1.2 Defining fonts in SVG Taken together, these two mechanisms ensure reliable deliver... 17.2 Overview of SVG fonts 17.3 The 'font' element horiz-origin-x = "<number>" horiz-adv-x = "<number>" 17.4 The 'glyph' element unicode = "<string>" glyph-name = "<list-of-strings>" d = "path data" arabic-form = "initial | medial | terminal | isolated" lang = "<list-of-language-ids>" horiz-adv-x = "<number>" Example font01 below contains a font for just three letters... Example font02 below contains a font for a single character,... 17.5 The 'missing-glyph' element 17.6 Glyph selection rules 17.7 The 'hkern' element The 'hkern' element defines kerning pairs and adjustment val... u1 = "[<Char> | <urange> ] [, [<Char> | <urange>] ]* " g1 = "<list-of-strings>" u2 = "[<Char> | <urange> ] [, [<Char> | <urange>] ]* " g2 = "<list-of-strings>" k = "<number>" 17.8 Describing a font 17.8.1 Overview of font descriptions 17.8.2 The 'font-face' element font-family = "<string>" font-style = "all | [ normal | italic | oblique] [, [normal... font-weight = "all | [normal | bold |100 | 200 | 300 | 400 |... unicode-range = "<urange> [, <urange>]*" units-per-em = "<number>" panose-1 = "[<integer>]{10}" stemv = "<number>" stemh = "<number>" slope = "<number>" cap-height = "<number>" x-height = "<number>" accent-height = "<number>" ascent = "<number>" descent = "<number>" widths = "<string>" bbox = "<string>" ideographic = "<number>" alphabetic = "<number>" mathematical = "<number>" hanging = "<number>" underline-position = "<number>" underline-thickness = "<number>" strikethrough-position = "<number>" strikethrough-thickness = "<number>" overline-position = "<number>" overline-thickness = "<number>" 17.8.3 The 'font-face-src' element 17.8.4 The 'font-face-uri' element xlink:href = " <IRI>" Example font03 references an external SVG font, which was de... 18 Metadata Contents 18.1 Introduction 18.2 The 'metadata'... Contents 18.1 Introduction 18.2 The 'metadata' element 18.3 An example 18.4 Extensible metadata attributes 19 Extensibility Contents 19.1 Foreign namespaces and priv... Contents 19.1 Foreign namespaces and private data 19.2 Embedding foreign object types 19.2.1 The 'foreignObject' element x = "<coordinate>" y = "<coordinate>" width = "<length>" height = "<length>" xlink:href = "<IRI>" focusable = "true" | "false" | "auto" 19.3 An example A The SVG Micro DOM (uDOM) Contents A.1 Introduction A.2 O... A The SVG Micro DOM (uDOM) Contents A.1 Introduction A.2 Overview of the SVG uDOM A.2.1 Document access A.2.2 Tree navigation A.2.3 Element creation A.2.4 Element insertion A.2.5 Element removal A.2.6 Attribute and property access A.2.7 Event listener registration and removal A.2.8 Animation A.2.9 Java package naming A.3 Conforming to the SVG uDOM A.3.1 Float values A.3.2 Attribute/property normalization Color normalization Out-of-range normalization Numerical precision Whitespace normalization font-weight normalization Transform normalization Path normalization Display normalization A.3.3 Text content access A.4 Module: dom A.4.1 DOMException INDEX_SIZE_ERR DOMSTRING_SIZE_ERR HIERARCHY_REQUEST_ERR WRONG_DOCUMENT_ERR INVALID_CHARACTER_ERR NO_DATA_ALLOWED_ERR NO_MODIFICATION_ALLOWED_ERR NOT_FOUND_ERR NOT_SUPPORTED_ERR INUSE_ATTRIBUTE_ERR INVALID_STATE_ERR SYNTAX_ERR INVALID_MODIFICATION_ERR NAMESPACE_ERR INVALID_ACCESS_ERR VALIDATION_ERR TYPE_MISMATCH_ERR A.4.2 Node namespaceURI localName parentNode ownerDocument textContent appendChild insertBefore removeChild cloneNode A.4.3 Element getAttributeNS setAttributeNS getAttribute setAttribute A.4.4 Document documentElement createElementNS getElementById A.4.5 ElementTraversal firstElementChild lastElementChild nextElementSibling previousElementSibling childElementCount A.4.6 Window parent A.5 Module: views A.5.1 AbstractView document A.5.2 DocumentView defaultView A.6 Module: events A.6.1 EventTarget addEventListener removeEventListener A.6.2 EventListener handleEvent A.6.3 Event target currentTarget type cancelable defaultPrevented stopPropagation preventDefault A.6.4 MouseEvent screenX screenY clientX clientY button A.6.5 MouseWheelEvent wheelDelta A.6.6 TextEvent data A.6.7 KeyboardEvent keyIdentifier Key identifiers set "Accept" "Again" "AllCandidates" "Alphanumeric" "Alt" "AltGraph" "Apps" "Attn" "BrowserBack" "BrowserFavorites" "BrowserForward" "BrowserHome" "BrowserRefresh" "BrowserSearch" "BrowserStop" "CapsLock" "Clear" "CodeInput" "Compose" "Control" "Crsel" "Convert" "Copy" "Cut" "Down" "DownLeft" "DownRight" "End" "Enter" "EraseEof" "Execute" "Exsel" "F1" "F2" "F3" "F4" "F5" "F6" "F7" "F8" "F9" "F10" "F11" "F12" "F13" "F14" "F15" "F16" "F17" "F18" "F19" "F20" "F21" "F22" "F23" "F24" "FinalMode" "Find" "FullWidth" "HalfWidth" "HangulMode" "HanjaMode" "Help" "Hiragana" "Home" "Insert" "JapaneseHiragana" "JapaneseKatakana" "JapaneseRomaji" "JunjaMode" "KanaMode" "KanjiMode" "Katakana" "LaunchApplication1" "LaunchApplication2" "LaunchMail" "Left" "Menu" "Meta" "MediaNextTrack" "MediaPlayPause" "MediaPreviousTrack" "MediaStop" "ModeChange" "Nonconvert" "NumLock" "PageDown" "PageUp" "Paste" "Pause" "Play" "PreviousCandidate" "PrintScreen" "Process" "Props" "Right" "RomanCharacters" "Scroll" "Select" "SelectMedia" "Shift" "Soft1" "Soft2" "Soft3" "Soft4" "Stop" "Up" "UpLeft" "UpRight" "Undo" "VolumeDown" "VolumeMute" "VolumeUp" "Win" "Zoom" "U+0008" "U+0009" "U+0018" "U+001B" "U+0020" "U+0021" "U+0022" "U+0023" "U+0024" "U+0026" "U+0027" "U+0028" "U+0029" "U+002A" "U+002B" "U+0025" "U+002C" "U+002D" "U+002E" "U+002F" "U+0030" "U+0031" "U+0032" "U+0033" "U+0034" "U+0035" "U+0036" "U+0037" "U+0038" "U+0039" "U+003A" "U+003B" "U+003C" "U+003D" "U+003E" "U+003F" "U+0040" "U+0041" "U+0042" "U+0043" "U+0044" "U+0045" "U+0046" "U+0047" "U+0048" "U+0049" "U+004A" "U+004B" "U+004C" "U+004D" "U+004E" "U+004F" "U+0050" "U+0051" "U+0052" "U+0053" "U+0054" "U+0055" "U+0056" "U+0057" "U+0058" "U+0059" "U+005A" "U+005B" "U+005C" "U+005D" "U+005E" "U+005F" "U+0060" "U+007B" "U+007C" "U+007D" "U+007F" "U+00A1" "U+0300" "U+0301" "U+0302" "U+0303" "U+0304" "U+0306" "U+0307" "U+0308" "U+030A" "U+030B" "U+030C" "U+0327" "U+0328" "U+0345" "U+20AC" "U+3099" "U+309A" A.6.8 UIEvent detail A.6.9 ProgressEvent lengthComputable loaded total A.7 Module: smil A.7.1 ElementTimeControl beginElementAt beginElement endElementAt endElement A.7.2 TimeEvent detail A.8 Module: svg A.8.1 SVGException SVG_WRONG_TYPE_ERR SVG_INVALID_VALUE_ERR SVG_MATRIX_NOT_INVERTABLE A.8.2 SVGDocument A.8.3 SVGElementInstance correspondingElement correspondingUseElement A.8.4 SVGSVGElement NAV_AUTO NAV_NEXT NAV_PREV NAV_UP NAV_UP_RIGHT NAV_RIGHT NAV_DOWN_RIGHT NAV_DOWN NAV_DOWN_LEFT NAV_LEFT NAV_UP_LEFT currentScale currentRotate currentTranslate viewport getCurrentTime setCurrentTime createSVGMatrixComponents createSVGRect createSVGPoint createSVGPath createSVGRGBColor moveFocus setFocus getCurrentFocusedObject A.8.5 SVGRGBColor red green blue A.8.6 SVGRect x y width height A.8.7 SVGPoint x y matrixTransform A.8.8 SVGPath MOVE_TO LINE_TO CURVE_TO QUAD_TO CLOSE numberOfSegments getSegment getSegmentParam moveTo lineTo quadTo curveTo close A.8.9 SVGMatrix getComponent mMultiply inverse mTranslate mScale mRotate A.8.10 SVGLocatable getBBox getScreenCTM getScreenBBox A.8.11 SVGLocatableElement A.8.12 TraitAccess getTrait getTraitNS getFloatTrait getFloatListTrait getMatrixTrait getRectTrait getPathTrait getRGBColorTrait getPresentationTrait getPresentationTraitNS getFloatPresentationTrait getFloatListPresentationTrait getMatrixPresentationTrait getRectPresentationTrait getPathPresentationTrait getRGBColorPresentationTrait setTrait setTraitNS setFloatTrait setFloatListTrait setMatrixTrait setRectTrait setPathTrait setRGBColorTrait Traits supported in this specification, SVG Tiny 1.2 uDOM Trait Target Trait Getter [Return Value] Trait Setter [Ar... A.8.13 Additional accessing rules Accessing rules for 'transform' attribute Accessing rules for 'display' property Accessing rules for animation related elements Accessing rules for 'x' and 'y' attributes Accessing rules for 'width' and 'height' attributes Accessing rules for font properties Accessing rules for path attributes Accessing rules for multimedia elements A.8.14 SVGElement id A.8.15 SVGTimedElement isPaused pauseElement resumeElement A.8.16 SVGAnimationElement A.8.17 SVGVisualMediaElement A.8.18 SVGTimer delay repeatInterval running start stop A.8.19 SVGGlobal createTimer gotoLocation getURL postURL parseXML A.8.20 AsyncStatusCallback operationComplete A.8.21 AsyncURLStatus success contentType content A.8.22 EventListenerInitializer2 initializeEventListeners createEventListener B IDL Definitions This appendix is normative. This appendix... C Implementation Requirements Contents C.1 Introduction C.... Contents C.1 Introduction C.2 Unsupported elements, attributes, properties, attribute values and property values C.3 Error processing C.4 Namespace, version, baseProfile, requiredFeatures and requiredExtensions C.5 Clamping of color and opacity Values C.6 'path' element implementation notes C.7 Text selection implementation notes C.8 Printing implementation notes D Conformance Criteria Contents D.1 Introduction D.2 Termi... Contents D.1 Introduction This specification defines conformance for... D.1 Introduction Some SVG displaying software will not display animations or... D.2 Terminology Within this specification, the key words "M... D.2 Terminology All examples are informative, not normative. All chapters ar... D.3 SVG content conformance D.3.1 Conforming SVG Document... D.3 SVG content conformance D.3.1 Conforming SVG Document Fragments An SVG document fra... D.3.1 Conforming SVG Document Fragments D.3.2 Conforming SVG Stand-Alone Documents A document is a... D.3.2 Conforming SVG Stand-Alone Documents D.3.3 Conforming SVG Included Document Fragments SVG docume... D.3.3 Conforming SVG Included Document Fragments D.3.4 Conditionally Conforming SVG Tiny 1.2 Document Fragme... D.3.4 Conditionally Conforming SVG Tiny 1.2 Document Fragments D.4 SVG writer conformance D.4.1 Conforming SVG Generators... D.4 SVG writer conformance D.4.1 Conforming SVG Generators A Conforming SVG Generator... D.4.1 Conforming SVG Generators D.4.2 Conforming SVG Authoring Tools D.4.3 Conforming SVG Servers Conforming SVG Servers must me... D.4.3 Conforming SVG Servers D.5 SVG reader conformance D.5.1 Conforming SVG Interprete... D.5 SVG reader conformance D.5.1 Conforming SVG Interpreters An SVG interpreter is a p... D.5.1 Conforming SVG Interpreters D.5.2 Conforming SVG Viewers An SVG viewer is a program whi... D.5.2 Conforming SVG Viewers D.5.2 Conforming SVG Viewers An SVG viewer is a program whi... D.6 Extension conformance requirements D.7 Non-XML encoding conformance requirements E Conformance to QA Framework Specification Guidelines Cont... E Conformance to QA Framework Specification Guidelines Contents E.1 Introduction E.2 Checklist table E.3 List of deprecated features F Accessibility Support Contents F.1 WAI accessibility gui... Contents F.1 WAI accessibility guidelines F.2 SVG content accessibility guidelines F.3 SVG user agent accessibility guidelines G Internationalization Support Contents G.1 Introduction G... Contents G.1 Introduction G.2 Internationalization and SVG Multi-language SVG documents are possible by utilizing the '... G.3 SVG internationalization guidelines H JPEG Support Contents H.1 Introduction H.2 Required supp... Contents H.1 Introduction H.2 Required support I Minimizing SVG File Sizes This appendix is informative. C... I Minimizing SVG File Sizes J Feature Strings Contents J.1 General feature strings J.2... J Feature Strings Contents J.1 General feature strings http://www.w3.org/Graphics/SVG/feature/1.2/#SVG-static htt... http://www.w3.org/Graphics/SVG/feature/1.2/#SVG-static-DOM... http://www.w3.org/Graphics/SVG/feature/1.2/#SVG-animated h... http://www.w3.org/Graphics/SVG/feature/1.2/#SVG-interactiv... http://www.w3.org/Graphics/SVG/feature/1.2/#SVG-all http:/... J.2 Specific feature strings http://www.w3.org/Graphics/SVG/feature/1.2/#CoreAttribute http://www.w3.org/Graphics/SVG/feature/1.2/#NavigationAttri... http://www.w3.org/Graphics/SVG/feature/1.2/#Structure http://www.w3.org/Graphics/SVG/feature/1.2/#ConditionalProc... http://www.w3.org/Graphics/SVG/feature/1.2/#ConditionalProc... http://www.w3.org/Graphics/SVG/feature/1.2/#Image http://www.w3.org/Graphics/SVG/feature/1.2/#Prefetch http://www.w3.org/Graphics/SVG/feature/1.2/#Discard http://www.w3.org/Graphics/SVG/feature/1.2/#Shape http://www.w3.org/Graphics/SVG/feature/1.2/#Text http://www.w3.org/Graphics/SVG/feature/1.2/#PaintAttribute http://www.w3.org/Graphics/SVG/feature/1.2/#OpacityAttribut... http://www.w3.org/Graphics/SVG/feature/1.2/#GraphicsAttribu... http://www.w3.org/Graphics/SVG/feature/1.2/#Gradient http://www.w3.org/Graphics/SVG/feature/1.2/#SolidColor http://www.w3.org/Graphics/SVG/feature/1.2/#Hyperlinking http://www.w3.org/Graphics/SVG/feature/1.2/#XlinkAttribute http://www.w3.org/Graphics/SVG/feature/1.2/#ExternalResourc... http://www.w3.org/Graphics/SVG/feature/1.2/#Scripting http://www.w3.org/Graphics/SVG/feature/1.2/#Handler http://www.w3.org/Graphics/SVG/feature/1.2/#Listener http://www.w3.org/Graphics/SVG/feature/1.2/#TimedAnimation http://www.w3.org/Graphics/SVG/feature/1.2/#Animation http://www.w3.org/Graphics/SVG/feature/1.2/#Audio http://www.w3.org/Graphics/SVG/feature/1.2/#Video http://www.w3.org/Graphics/SVG/feature/1.2/#Font http://www.w3.org/Graphics/SVG/feature/1.2/#Extensibility http://www.w3.org/Graphics/SVG/feature/1.2/#MediaAttribute http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow http://www.w3.org/Graphics/SVG/feature/1.2/#TransformedVide... http://www.w3.org/Graphics/SVG/feature/1.2/#ComposedVideo http://www.w3.org/Graphics/SVG/feature/1.2/#EditableTextAtt... K Element Table This appendix is informative. This appendix... K Element Table Elements Attributes prop. Possible Children a about,... a about, class, content, datatype, externalResourcesRequire... animate about, accumulate, additive, attributeName, attribu... animateColor about, accumulate, additive, attributeName, at... animateMotion about, accumulate, additive, begin, by, calcM... animateTransform about, accumulate, additive, attributeName... animation about, begin, class, content, datatype, dur, end,... audio about, begin, class, content, datatype, dur, end, ext... circle about, class, content, cx, cy, datatype, focusHighli... defs about, class, content, datatype, id, property, rel, re... desc about, class, content, datatype, id, property, rel, re... discard about, begin, class, content, datatype, id, propert... ellipse about, class, content, cx, cy, datatype, focusHighl... font about, class, content, datatype, externalResourcesRequ... font-face about, accent-height, alphabetic, ascent, bbox, c... font-face-src about, class, content, datatype, id, property... font-face-uri about, class, content, datatype, externalReso... foreignObject about, class, content, datatype, externalReso... g about, class, content, datatype, externalResourcesRequire... glyph about, arabic-form, class, content, d, datatype, glyp... handler about, class, content, datatype, ev:event, external... hkern about, class, content, datatype, g1, g2, id, k, prope... image about, class, content, datatype, externalResourcesReq... line about, class, content, datatype, focusHighlight, focus... linearGradient about, class, content, datatype, gradientUni... listener about, class, content, datatype, defaultAction, ev... metadata about, class, content, datatype, id, property, rel... missing-glyph about, class, content, d, datatype, horiz-adv... mpath about, class, content, datatype, id, property, rel, r... path about, class, content, d, datatype, focusHighlight, fo... polygon about, class, content, datatype, focusHighlight, fo... polyline about, class, content, datatype, focusHighlight, f... prefetch about, bandwidth, class, content, datatype, id, me... radialGradient about, class, content, cx, cy, datatype, gra... rect about, class, content, datatype, focusHighlight, focus... script about, class, content, datatype, externalResourcesRe... set about, attributeName, attributeType, begin, class, cont... solidColor about, class, content, datatype, id, property, r... stop about, class, content, datatype, id, offset, property,... svg about, baseProfile, class, content, contentScriptType,... switch about, class, content, datatype, externalResourcesRe... tbreak about, class, content, datatype, id, property, rel,... text about, class, content, datatype, editable, focusHighli... textArea about, class, content, datatype, editable, focusHi... title about, class, content, datatype, id, property, rel, r... tspan about, class, content, datatype, focusHighlight, focu... use about, class, content, datatype, externalResourcesRequi... video about, begin, class, content, datatype, dur, end, ext... L Attribute and Property Tables Contents L.1 Property tabl... Contents L.1 Property table Property ani. inh. Value audio-level ✔ ✘ <number> | '... audio-level ✔ ✘ <number> | 'inherit' color ✔ ✔ <color> | 'inherit' color-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeQua... display ✔ ✘ 'inline' | 'block' | 'list-item' | 'run-in' | '... display-align ✔ ✔ 'auto' | 'before' | 'center' | 'after' |... fill ✔ ✔ <paint> | 'inherit' fill-opacity ✔ ✔ <number> | 'inherit' fill-rule ✔ ✔ 'nonzero' | 'evenodd' | 'inherit' font-family ✔ ✔ <font-family-value> | 'inherit' font-size ✔ ✔ <font-size-value> | 'inherit' font-style ✔ ✔ 'normal' | 'italic' | 'oblique' | 'inherit' font-variant ✔ ✔ 'normal' | 'small-caps' | 'inherit' font-weight ✔ ✔ 'normal' | 'bold' | 'bolder' | 'lighter' |... image-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeQua... line-increment ✔ ✔ 'auto' | <number> | 'inherit' opacity ✔ ✘ <number> | 'inherit' pointer-events ✔ ✔ 'visiblePainted' | 'visibleFill' | 'visi... shape-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'crispEdges'... solid-color ✔ ✘ <color> | 'inherit' solid-opacity ✔ ✘ <number> | 'inherit' stop-color ✔ ✘ <color> | 'inherit' stop-opacity ✔ ✘ <number> | 'inherit' stroke ✔ ✔ <paint> | 'inherit' stroke-dasharray ✔ ✔ 'none' | <list-of-lengths> | 'inherit'... stroke-dashoffset ✔ ✔ <length> | 'inherit' stroke-linecap ✔ ✔ 'butt' | 'round' | 'square' | 'inherit' stroke-linejoin ✔ ✔ 'miter' | 'round' | 'bevel' | 'inherit'... stroke-miterlimit ✔ ✔ <number> | 'inherit' stroke-opacity ✔ ✔ <number> | 'inherit' stroke-width ✔ ✔ <length> | 'inherit' text-align ✔ ✔ 'start' | 'center' | 'end' | 'inherit' text-anchor ✔ ✔ 'start' | 'middle' | 'end' | 'inherit' text-rendering ✔ ✔ 'auto' | 'optimizeSpeed' | 'optimizeLegi... vector-effect ✔ ✘ 'none' | 'non-scaling-stroke' | 'inherit'... viewport-fill ✔ ✘ 'none' | <color> | 'inherit' viewport-fill-opacity ✔ ✘ <number> | 'inherit' visibility ✔ ✔ 'visible' | 'hidden' | 'inherit' L.2 Attribute table Attribute ani. inh. Value Elements about ✔ ✘ <ListOfS... about ✔ ✘ <ListOfString> a, animate, animateColor, animateM... accent-height ✘ ✘ <number> font-face accumulate ✘ ✘ 'none' | 'sum' animate, animateColor, animat... additive ✘ ✘ 'replace' | 'sum' animate, animateColor, anima... alphabetic ✘ ✘ <number> font-face arabic-form ✘ ✘ <text> glyph ascent ✘ ✘ <number> font-face attributeName ✘ ✘ <qname> animate, animateColor, animateTra... attributeType ✘ ✘ 'XML' | 'CSS' | 'auto' animate, animateCo... bandwidth ✘ ✘ <number> | 'auto' prefetch baseProfile ✘ ✘ 'none' | 'tiny' | 'basic' | 'full' svg bbox ✘ ✘ <text> font-face begin ✘ ✘ <text> animate, animateColor, animateMotion, anim... by ✘ ✘ <text> animate, animateColor, animateMotion, animate... calcMode ✘ ✘ 'discrete' | 'linear' | 'paced' | 'spline' ani... cap-height ✘ ✘ <number> font-face class ✔ ✘ <XML-NMTOKENS> a, animate, animateColor, animateM... content ✔ ✘ <String> a, animate, animateColor, animateMotio... contentScriptType ✘ ✘ <content-type> svg cx ✔ ✘ <coordinate> circle, ellipse, radialGradient cy ✔ ✘ <coordinate> circle, ellipse, radialGradient d ✔ ✘ <path-data> glyph, missing-glyph, path datatype ✔ ✘ <String> a, animate, animateColor, animateMoti... defaultAction ✘ ✘ 'perform' | 'cancel' listener descent ✘ ✘ <number> font-face dur ✘ ✘ <text> animate, animateColor, animateMotion, animat... editable ✔ ✘ 'none' | 'simple' text, textArea end ✘ ✘ <text> animate, animateColor, animateMotion, animat... ev:event ✘ ✘ <XML-NMTOKEN> handler event ✘ ✘ <XML-NMTOKEN> listener externalResourcesRequired ✘ ✘ <boolean> a, animation, audi... fill ✘ ✘ 'remove' | 'freeze' animate, animateColor, animate... focusHighlight ✔ ✘ 'auto' | 'none' a, animation, circle, el... focusable ✔ ✘ 'auto' | <boolean> a, animation, circle, elli... font-family ✘ ✘ <text> font-face font-stretch ✘ ✘ <text> font-face font-style ✘ ✘ <text> font-face font-variant ✘ ✘ <text> font-face font-weight ✘ ✘ <text> font-face from ✘ ✘ <text> animate, animateColor, animateMotion, anima... g1 ✘ ✘ <text> hkern g2 ✘ ✘ <text> hkern glyph-name ✘ ✘ <text> glyph gradientUnits ✔ ✘ 'userSpaceOnUse' | 'objectBoundingBox' li... handler ✘ ✘ <IRI> listener hanging ✘ ✘ <number> font-face height ✔ ✘ <length> animation, foreignObject, image, rect,... height ✔ ✘ <length> | 'auto' textArea horiz-adv-x ✘ ✘ <number> font, glyph, missing-glyph horiz-origin-x ✘ ✘ <number> font id ✘ ✘ <ID> | <NCName> a, animate, animateColor, animateMot... ideographic ✘ ✘ <number> font-face initialVisibility ✘ ✘ 'whenStarted' | 'always' animation, v... k ✘ ✘ <number> hkern keyPoints ✘ ✘ <text> animateMotion keySplines ✘ ✘ <text> animate, animateColor, animateMotion,... keyTimes ✘ ✘ <text> animate, animateColor, animateMotion, a... lang ✘ ✘ <list-of-language-ids> glyph mathematical ✘ ✘ <number> font-face max ✘ ✘ <text> animate, animateColor, animateMotion, animat... mediaCharacterEncoding ✘ ✘ <text> prefetch mediaContentEncodings ✘ ✘ <text> prefetch mediaSize ✘ ✘ <number> prefetch mediaTime ✘ ✘ <text> prefetch min ✘ ✘ <text> animate, animateColor, animateMotion, animat... nav-down ✔ ✘ <focus> a, animation, circle, ellipse, foreign... nav-down-left ✔ ✘ <focus> a, animation, circle, ellipse, fo... nav-down-right ✔ ✘ <focus> a, animation, circle, ellipse, f... nav-left ✔ ✘ <focus> a, animation, circle, ellipse, foreign... nav-next ✔ ✘ <focus> a, animation, circle, ellipse, foreign... nav-prev ✔ ✘ <focus> a, animation, circle, ellipse, foreign... nav-right ✔ ✘ <focus> a, animation, circle, ellipse, foreig... nav-up ✔ ✘ <focus> a, animation, circle, ellipse, foreignOb... nav-up-left ✔ ✘ <focus> a, animation, circle, ellipse, fore... nav-up-right ✔ ✘ <focus> a, animation, circle, ellipse, for... observer ✘ ✘ <IDREF> listener offset ✔ ✘ <number> stop origin ✘ ✘ <text> animateMotion overlay ✘ ✘ 'none' | 'top' video overline-position ✘ ✘ <number> font-face overline-thickness ✘ ✘ <number> font-face panose-1 ✘ ✘ <text> font-face path ✘ ✘ <text> animateMotion pathLength ✔ ✘ <number> path phase ✘ ✘ 'default' | 'capture' listener playbackOrder ✘ ✘ 'all' | 'forwardOnly' svg points ✔ ✘ <points-data> polygon, polyline preserveAspectRatio ✔ ✘ <text> animation, image, svg, video... propagate ✘ ✘ 'continue' | 'stop' listener property ✔ ✘ <ListOfString> a, animate, animateColor, anima... r ✔ ✘ <length> circle, radialGradient rel ✔ ✘ <ListOfString> a, animate, animateColor, animateMot... repeatCount ✘ ✘ <text> animate, animateColor, animateMotion... repeatDur ✘ ✘ <text> animate, animateColor, animateMotion,... requiredExtensions ✘ ✘ <list-of-IRIs> a, animate, animateCo... requiredFeatures ✘ ✘ <list-of-IRIs> a, animate, animateColo... requiredFonts ✘ ✘ <list-of-family-names> a, animate, animat... requiredFormats ✘ ✘ <list-of-content-types> a, animate, ani... resource ✔ ✘ <String> a, animate, animateColor, animateMoti... restart ✘ ✘ 'always' | 'never' | 'whenNotActive' animate, a... rev ✔ ✘ <ListOfString> a, animate, animateColor, animateMot... role ✔ ✘ <ListOfString> a, animate, animateColor, animateMo... rotate ✘ ✘ <text> animateMotion rotate ✔ ✘ <list-of-numbers> text rx ✔ ✘ <length> ellipse, rect ry ✔ ✘ <length> ellipse, rect slope ✘ ✘ <number> font-face snapshotTime ✘ ✘ 'none' | <Clock-value> svg stemh ✘ ✘ <number> font-face stemv ✘ ✘ <number> font-face strikethrough-position ✘ ✘ <number> font-face strikethrough-thickness ✘ ✘ <number> font-face syncBehavior ✘ ✘ 'canSlip' | 'locked' | 'independent' | 'de... syncBehaviorDefault ✘ ✘ 'canSlip' | 'locked' | 'independent... syncMaster ✘ ✘ <boolean> animation, audio, video syncTolerance ✘ ✘ <Clock-value> | 'default' animation, audi... syncToleranceDefault ✘ ✘ <Clock-value> | 'inherit' svg systemLanguage ✘ ✘ <list-of-language-ids> a, animate, anima... target ✔ ✘ '_replace' | '_self' | '_parent' | '_top' | '_bl... target ✘ ✘ <IDREF> listener timelineBegin ✘ ✘ 'onLoad' | 'onStart' svg to ✘ ✘ <text> animate, animateColor, animateMotion, animate... transform ✔ ✘ <transform> | 'none' a, animation, circle, el... transformBehavior ✘ ✘ 'geometric' | 'pinned' | 'pinned90' |... type ✘ ✘ <content-type> audio, handler, image, script, vide... type ✘ ✘ 'translate' | 'scale' | 'rotate' | 'skewX' | 'skew... typeof ✔ ✘ <ListOfString> a, animate, animateColor, animate... u1 ✘ ✘ <text> hkern u2 ✘ ✘ <text> hkern underline-position ✘ ✘ <number> font-face underline-thickness ✘ ✘ <number> font-face unicode ✘ ✘ <text> glyph unicode-range ✘ ✘ <text> font-face units-per-em ✘ ✘ <number> font-face values ✘ ✘ <text> animate, animateColor, animateMotion, ani... version ✘ ✘ '1.0' | '1.1' | '1.2' svg viewBox ✔ ✘ <text> svg width ✔ ✘ <length> animation, foreignObject, image, rect, s... width ✔ ✘ <length> | 'auto' textArea widths ✘ ✘ <text> font-face x ✔ ✘ <coordinate> animation, foreignObject, image, rect, t... x-height ✘ ✘ <number> font-face x1 ✔ ✘ <coordinate> line, linearGradient x2 ✔ ✘ <coordinate> line, linearGradient x ✔ ✘ <list-of-coordinates> text xlink:actuate ✘ ✘ 'onLoad' animate, animateColor, animateMo... xlink:actuate ✘ ✘ 'onRequest' a xlink:arcrole ✘ ✘ <IRI> a, animate, animateColor, animateMo... xlink:href ✔ ✘ <IRI> a, animate, animateColor, animateMotio... xlink:role ✘ ✘ <IRI> a, animate, animateColor, animateMotio... xlink:show ✘ ✘ 'other' animate, animateColor, animateMotion... xlink:show ✘ ✘ 'embed' animation, audio, foreignObject, ima... xlink:show ✘ ✘ 'new' | 'replace' a xlink:title ✘ ✘ <text> a, animate, animateColor, animateMot... xlink:type ✔ ✘ 'simple' a, animate, animateColor, animateMo... xml:base ✘ ✘ <IRI> a, animate, animateColor, animateMotion,... xml:id ✘ ✘ <ID> a, animate, animateColor, animateMotion, an... xml:lang ✘ ✘ <language-id> a, animate, animateColor, animat... xml:space ✘ ✘ 'default' | 'preserve' a, animate, animateCol... xml:space ✘ ✘ 'preserve' handler, script y ✔ ✘ <coordinate> animation, foreignObject, image, rect, t... y1 ✔ ✘ <coordinate> line, linearGradient y2 ✔ ✘ <coordinate> line, linearGradient y ✔ ✘ <list-of-coordinates> text zoomAndPan ✘ ✘ 'disable' | 'magnify' svg M Media Type Registration for image/svg+xml Contents M.1 I... M Media Type Registration for image/svg+xml Contents M.1 Introduction M.2 Registration of media type image/svg+xml N RelaxNG Schema for SVG Tiny 1.2 This appendix is normativ... N RelaxNG Schema for SVG Tiny 1.2 O ECMAScript Language Binding Contents O.1 Module dom O.2... Contents O.1 Module dom O.2 Module views O.3 Module events O.4 Module smil O.5 Module svg O.6 Sequences P Java Language Binding Contents P.1 Package org.w3c.dom P... Contents P.1 Package org.w3c.dom P.2 Package org.w3c.dom.views P.3 Package org.w3c.dom.events P.4 Package org.w3c.dom.smil P.5 Package org.w3c.dom.svg Q Perl Language Binding Contents Q.1 Module dom Q.2 Module... Contents Q.1 Module dom Q.2 Module views Q.3 Module events Q.4 Module smil Q.5 Module svg R Python Language Binding Contents R.1 Module dom R.2 Modu... Contents R.1 Module dom R.2 Module views R.3 Module events R.4 Module smil R.5 Module svg S References Contents S.1 Normative references S.2 Informa... Contents S.1 Normative references [ATAG] Authoring Tool Accessibili... S.1 Normative references [ATAG] [AWWW] [BCP19] [BCP47] [COLORIMETRY] [CHARMOD] [CSS2] [DOM2EVENTS] [DOM2VIEWS] [DOM3] [EBNF] [ElementTraversal] [FOLEY-VANDAM] [GML] [IEEE-754] [JPEG] [JFIF] [NVDL] [PNG] [QAF-SPEC] [RELAXNG] [RFC1951] [RFC1952] [RFC2046] [RFC2119] [RFC2397] [RFC2616] [RFC2781] [RFC3023] [RFC3629] [RFC3986] [RFC3987] [RFC4329] [SMIL21] [SMILANIM] [SRGB] [SVGM11] [UAAG] [UNICODE] [UAX9] [UAX15] [XLINK10] [XML10] [XML11] [XMLID] [XML-BASE] [XML-EVENTS] [XML-NS10] [XML-NS] [XPTRFW] [XSL] S.2 Informative references [ARIA] Accessible Rich Internet... S.2 Informative references [ARIA] [CC] [CHARMOD-NORM] [CODECS] [DCORE] [DOM3EVENTS] [ECMA-262] [HTML4] [HTML5] [JAVA] [JSR226] [MATHML] [MF] [MIME-RESPECT] [MIMETYPES] [NSState] [PROGRESSEVENTS] [RFC2361] [RDF] [RDFA] [ROLE] [SCHEMA2] [SRGB-PROFILES] [SVG11] [SVG-ACCESS] [USING-SRGB] [WAI] [WCAG] [WCAG2] [WICD] [WINDOW] [WEBCGM] [XBL2] [XHTML] [XLINK11] [XML11-SCHEMA] [XSLT] T Change History Contents T.1 Changes over the whole docum... T Change History Contents T.1 Changes over the whole document T.2 1 Introduction T.3 2 Concepts T.4 3 Rendering Model T.5 4 Basic Data Types and Color Keywords T.6 5 Document Structure T.7 6 Styling T.8 7 Coordinate Systems, Transformations and Units T.9 8 Paths T.10 9 Basic Shapes T.11 10 Text T.12 11 Painting: Filling, Stroking, Colors and Paint Servers T.13 12 Multimedia T.14 13 Interactivity T.15 14 Linking T.16 15 Scripting T.17 16 Animation T.18 17 Fonts T.19 18 Metadata T.20 19 Extensibility T.21 Appendix A The SVG Micro DOM (uDOM) T.22 Appendix B IDL Definitions T.23 Appendix C Implementation Requirements T.24 Appendix D Conformance Criteria T.25 Appendix E Conformance to QA Framework Specification Guidelines T.26 Appendix F Accessibility Support T.27 Appendix G Internationalization Support T.28 Appendix H JPEG Support T.29 Appendix I Minimizing SVG File Sizes T.30 Appendix J Feature Strings T.31 Appendix K Element Table T.32 Appendix L Attribute and Property Tables T.33 Appendix M Media Type Registration for image/svg+xml T.34 Appendix N RelaxNG Schema for SVG Tiny 1.2 T.35 Appendix O References
or

Refinement of the section concerned:

Status:

open proposal pending resolved_yes resolved_no resolved_partial other assigned to Nobody Atanassov, Rossen Atkins Jr., Tab Bah, Tavmjong Baranovskiy, Dmitry Bellamy-Royds, Amelia Birtles, Brian Brinza, Bogdan Cooper, Michael Danilo, Alex Faulkner, Steve Hardy, Vincent Horton, Timothy Ishii, Koji Jackson, Dean Jain, Gaurav Konno, Tomoaki Lawrence, Kelvin Lilley, Chris Little, Chris McCathie Nevile, Charles McCormack, Cameron McNeily, Brian Moissinac, Jean-Claude Pouncey, Ian prado, Deblyn Quin, Liam Rosenthol, Leonard Schepers, Doug Schulze, Dirk Smailus, Thomas Stephens, Shane Takagi, Satoru Uchida, Yusuke Vieira, Carlos Watson, Léonie Watt, Jonathan

Type: substantive editorial typo question general comment undefined

Comment:

Hello SVG WG,

in T.10 9 Basic Shapes
http://www.w3.org/TR/SVGMobile12/changes.html#shapes
is noted:
'Changed the behavior of stroking rectangles (esp. with rx values) back to the
1.1 full behavior to keep consistency.'

If we look in the chapter 9
http://www.w3.org/TR/SVG11/shapes.html#RectElement
we find:
'Perform an absolute moveto operation to location (x,y+ry), ...' etc

In the previous CR we find:
'perform an absolute moveto operation to location (x,y+ry), ...' etc

If we have a look into SVG 1.1
http://www.w3.org/TR/SVG11/shapes.html#RectElement
we find:
'perform an absolute moveto operation to location (x+rx,y), ...' etc

This does not really look like
'Changed the behavior of stroking rectangles (esp. with rx values) back to the
1.1 full behavior to keep consistency.'

Is this an accident or can someone explain, how this improves consistency with
1.1? ;o)

Related issues: (space separated ids)

WG Notes: We went back and forth on this, if I recall correctly. We need to look at the rationales of each occasion and make a final decision. (IIRC, we decided to align to OpenVG.) ED: See the approved test http://dev.w3.org/SVG/profiles/1.2T/test/svg/shapes-rect-03-t.svg (which seems to require the 1.1 definition)

Resolution:

(Please make sure the resolution is adapted for public consumption)