- From: SVG Working Group repository <cam@mcc.id.au>
- Date: Sat, 15 Sep 2012 11:35:19 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/fed9ead3111a
branches:
changeset: 380:fed9ead3111a
user: Cameron McCormack <cam@mcc.id.au>
date: Sun Sep 16 03:49:45 2012 +1000
description:
Markup fixes.
details: https://svgwg.org/hg/svg2/rev/55c053cda423
branches:
changeset: 381:55c053cda423
user: Cameron McCormack <cam@mcc.id.au>
date: Sun Sep 16 04:33:58 2012 +1000
description:
Use new-style attribute definition tables for 'svg'.
diffstat:
master/coords.html | 2 +-
master/definitions.xml | 1 +
master/idlindex.html | 276 ++++++++++----------
master/painting.html | 16 -
master/struct.html | 544 +++++++++++++++++++++++-------------------
master/style/default_svg.css | 16 +
6 files changed, 454 insertions(+), 401 deletions(-)
diffs (1001 lines):
diff --git a/master/coords.html b/master/coords.html
--- a/master/coords.html
+++ b/master/coords.html
@@ -599,17 +599,17 @@ current user coordinate system.</p>
referenced content if present should be used. If the
referenced content lacks a value for
<a>'preserveAspectRatio'</a> then the
<a>'preserveAspectRatio'</a> attribute should
be processed as normal (ignoring <span class='attr-value'>'defer'</span>).
For <a>'preserveAspectRatio'</a> on all other
elements the <span class='attr-value'>'defer'</span> portion of the attribute is ignored.</p>
-<p>The <span class="attr-value"><align></span> parameter
+<p id="DataTypeAlign">The <span class="attr-value"><align></span> parameter
indicates whether to force uniform scaling and, if so, the
alignment method to use in case the aspect ratio of the <a>'viewBox'</a>
doesn't match the aspect ratio of the viewport. The <span
class="attr-value"><align></span> parameter must be one
of the following strings:</p>
<ul>
<li><span class="attr-value">none</span> - Do not force
diff --git a/master/definitions.xml b/master/definitions.xml
--- a/master/definitions.xml
+++ b/master/definitions.xml
@@ -1145,16 +1145,17 @@
<interface name='SVGFontFaceUriElement' href='fonts.html#InterfaceSVGFontFaceUriElement'/>
<interface name='SVGFontFaceFormatElement' href='fonts.html#InterfaceSVGFontFaceFormatElement'/>
<interface name='SVGFontFaceNameElement' href='fonts.html#InterfaceSVGFontFaceNameElement'/>
<interface name='SVGMetadataElement' href='metadata.html#InterfaceSVGMetadataElement'/>
<interface name='SVGForeignObjectElement' href='extend.html#InterfaceSVGForeignObjectElement'/>
<interface name='SVGSolidColorElement' href='pservers.html#InterfaceSVGSolidColorElement'/>
<!-- ... grammar symbols ................................................ -->
+ <symbol name='align' href='coords.html#DataTypeAlign'/>
<symbol name='angle' href='types.html#DataTypeAngle'/>
<symbol name='anything' href='types.html#DataTypeAnything'/>
<symbol name='color' href='types.html#DataTypeColor'/>
<symbol name='child-selector' href='types.html#DataTypeChildSelector'/>
<symbol name='coordinate' href='types.html#DataTypeCoordinate'/>
<symbol name='dasharray' href='painting.html#DataTypeDasharray'/>
<symbol name='frequency' href='types.html#DataTypeFrequency'/>
<symbol name='icccolor' href='types.html#DataTypeICCColor'/>
diff --git a/master/idlindex.html b/master/idlindex.html
--- a/master/idlindex.html
+++ b/master/idlindex.html
@@ -13,150 +13,150 @@
<p class="normativity"><em>This appendix is informative, not normative.</em></p>
<p>The following is a list of all IDL interfaces defined in this specification:</p>
<!-- It would be nice to automatically generate this. -->
<ul>
- <a>GetSVGDocument</a>
- <a>SVGAElement</a>
- <a>SVGAltGlyphDefElement</a>
- <a>SVGAltGlyphElement</a>
- <a>SVGAltGlyphItemElement</a>
- <a>SVGAngle</a>
- <a>SVGAnimateColorElement</a>
- <a>SVGAnimateElement</a>
- <a>SVGAnimateMotionElement</a>
- <a>SVGAnimateTransformElement</a>
- <a>SVGAnimatedAngle</a>
- <a>SVGAnimatedBoolean</a>
- <a>SVGAnimatedEnumeration</a>
- <a>SVGAnimatedInteger</a>
- <a>SVGAnimatedLength</a>
- <a>SVGAnimatedLengthList</a>
- <a>SVGAnimatedNumber</a>
- <a>SVGAnimatedNumberList</a>
- <a>SVGAnimatedPathData</a>
- <a>SVGAnimatedPoints</a>
- <a>SVGAnimatedPreserveAspectRatio</a>
- <a>SVGAnimatedRect</a>
- <a>SVGAnimatedString</a>
- <a>SVGAnimatedTransformList</a>
- <a>SVGAnimationElement</a>
- <a>SVGCSSRule</a>
- <a>SVGCircleElement</a>
- <a>SVGClipPathElement</a>
- <a>SVGColor</a>
- <a>SVGColorProfileElement</a>
- <a>SVGColorProfileRule</a>
- <a>SVGCursorElement</a>
- <a>SVGDefinitionElement</a>
- <a>SVGDefsElement</a>
- <a>SVGDescElement</a>
- <a>SVGDocument</a>
- <a>SVGElement</a>
- <a>SVGElementInstance</a>
- <a>SVGElementInstanceList</a>
- <a>SVGEllipseElement</a>
- <a>SVGFitToViewBox</a>
- <a>SVGFontElement</a>
- <a>SVGFontFaceElement</a>
- <a>SVGFontFaceFormatElement</a>
- <a>SVGFontFaceNameElement</a>
- <a>SVGFontFaceSrcElement</a>
- <a>SVGFontFaceUriElement</a>
- <a>SVGForeignObjectElement</a>
- <a>SVGGElement</a>
- <a>SVGGeometryElement</a>
- <a>SVGGlyphElement</a>
- <a>SVGGlyphRefElement</a>
- <a>SVGGradientElement</a>
- <a>SVGGraphicsElement</a>
- <a>SVGHKernElement</a>
- <a>SVGICCColor</a>
- <a>SVGImageElement</a>
- <a>SVGLength</a>
- <a>SVGLengthList</a>
- <a>SVGLineElement</a>
- <a>SVGLinearGradientElement</a>
- <a>SVGLocatableElement</a>
- <a>SVGMPathElement</a>
- <a>SVGMarkableElement</a>
- <a>SVGMarkerElement</a>
- <a>SVGMarkerInstance</a>
- <a>SVGMarkerList</a>
- <a>SVGMaskElement</a>
- <a>SVGMatrix</a>
- <a>SVGMeshGradientElement</a>
- <a>SVGMeshPatchElement</a>
- <a>SVGMeshRowElement</a>
- <a>SVGMetadataElement</a>
- <a>SVGMissingGlyphElement</a>
- <a>SVGNumber</a>
- <a>SVGNumberList</a>
- <a>SVGPaint</a>
- <a>SVGPathElement</a>
- <a>SVGPathSeg</a>
- <a>SVGPathSegArcAbs</a>
- <a>SVGPathSegArcRel</a>
- <a>SVGPathSegClosePath</a>
- <a>SVGPathSegCurvetoCubicAbs</a>
- <a>SVGPathSegCurvetoCubicRel</a>
- <a>SVGPathSegCurvetoCubicSmoothAbs</a>
- <a>SVGPathSegCurvetoCubicSmoothRel</a>
- <a>SVGPathSegCurvetoQuadraticAbs</a>
- <a>SVGPathSegCurvetoQuadraticRel</a>
- <a>SVGPathSegCurvetoQuadraticSmoothAbs</a>
- <a>SVGPathSegCurvetoQuadraticSmoothRel</a>
- <a>SVGPathSegLinetoAbs</a>
- <a>SVGPathSegLinetoHorizontalAbs</a>
- <a>SVGPathSegLinetoHorizontalRel</a>
- <a>SVGPathSegLinetoRel</a>
- <a>SVGPathSegLinetoVerticalAbs</a>
- <a>SVGPathSegLinetoVerticalRel</a>
- <a>SVGPathSegList</a>
- <a>SVGPathSegMovetoAbs</a>
- <a>SVGPathSegMovetoRel</a>
- <a>SVGPatternElement</a>
- <a>SVGPoint</a>
- <a>SVGPointList</a>
- <a>SVGPolygonElement</a>
- <a>SVGPolylineElement</a>
- <a>SVGPreserveAspectRatio</a>
- <a>SVGRadialGradientElement</a>
- <a>SVGRect</a>
- <a>SVGRectElement</a>
- <a>SVGRenderingIntent</a>
- <a>SVGSVGElement</a>
- <a>SVGScriptElement</a>
- <a>SVGSetElement</a>
- <a>SVGSolidColorElement</a>
- <a>SVGStopElement</a>
- <a>SVGStringList</a>
- <a>SVGStyleElement</a>
- <a>SVGSwitchElement</a>
- <a>SVGSymbolElement</a>
- <a>SVGTRefElement</a>
- <a>SVGTSpanElement</a>
- <a>SVGTests</a>
- <a>SVGTextContentElement</a>
- <a>SVGTextElement</a>
- <a>SVGTextPathElement</a>
- <a>SVGTextPositioningElement</a>
- <a>SVGTitleElement</a>
- <a>SVGTransform</a>
- <a>SVGTransformList</a>
- <a>SVGTransformableElement</a>
- <a>SVGURIReference</a>
- <a>SVGUnitTypes</a>
- <a>SVGUseElement</a>
- <a>SVGVKernElement</a>
- <a>SVGViewElement</a>
- <a>SVGViewSpec</a>
- <a>SVGZoomAndPan</a>
- <a>SVGZoomEvent</a>
- <a>TimeEvent</a>
+ <li><a>GetSVGDocument</a></li>
+ <li><a>SVGAElement</a></li>
+ <li><a>SVGAltGlyphDefElement</a></li>
+ <li><a>SVGAltGlyphElement</a></li>
+ <li><a>SVGAltGlyphItemElement</a></li>
+ <li><a>SVGAngle</a></li>
+ <li><a>SVGAnimateColorElement</a></li>
+ <li><a>SVGAnimateElement</a></li>
+ <li><a>SVGAnimateMotionElement</a></li>
+ <li><a>SVGAnimateTransformElement</a></li>
+ <li><a>SVGAnimatedAngle</a></li>
+ <li><a>SVGAnimatedBoolean</a></li>
+ <li><a>SVGAnimatedEnumeration</a></li>
+ <li><a>SVGAnimatedInteger</a></li>
+ <li><a>SVGAnimatedLength</a></li>
+ <li><a>SVGAnimatedLengthList</a></li>
+ <li><a>SVGAnimatedNumber</a></li>
+ <li><a>SVGAnimatedNumberList</a></li>
+ <li><a>SVGAnimatedPathData</a></li>
+ <li><a>SVGAnimatedPoints</a></li>
+ <li><a>SVGAnimatedPreserveAspectRatio</a></li>
+ <li><a>SVGAnimatedRect</a></li>
+ <li><a>SVGAnimatedString</a></li>
+ <li><a>SVGAnimatedTransformList</a></li>
+ <li><a>SVGAnimationElement</a></li>
+ <li><a>SVGCSSRule</a></li>
+ <li><a>SVGCircleElement</a></li>
+ <li><a>SVGClipPathElement</a></li>
+ <li><a>SVGColor</a></li>
+ <li><a>SVGColorProfileElement</a></li>
+ <li><a>SVGColorProfileRule</a></li>
+ <li><a>SVGCursorElement</a></li>
+ <li><a>SVGDefinitionElement</a></li>
+ <li><a>SVGDefsElement</a></li>
+ <li><a>SVGDescElement</a></li>
+ <li><a>SVGDocument</a></li>
+ <li><a>SVGElement</a></li>
+ <li><a>SVGElementInstance</a></li>
+ <li><a>SVGElementInstanceList</a></li>
+ <li><a>SVGEllipseElement</a></li>
+ <li><a>SVGFitToViewBox</a></li>
+ <li><a>SVGFontElement</a></li>
+ <li><a>SVGFontFaceElement</a></li>
+ <li><a>SVGFontFaceFormatElement</a></li>
+ <li><a>SVGFontFaceNameElement</a></li>
+ <li><a>SVGFontFaceSrcElement</a></li>
+ <li><a>SVGFontFaceUriElement</a></li>
+ <li><a>SVGForeignObjectElement</a></li>
+ <li><a>SVGGElement</a></li>
+ <li><a>SVGGeometryElement</a></li>
+ <li><a>SVGGlyphElement</a></li>
+ <li><a>SVGGlyphRefElement</a></li>
+ <li><a>SVGGradientElement</a></li>
+ <li><a>SVGGraphicsElement</a></li>
+ <li><a>SVGHKernElement</a></li>
+ <li><a>SVGICCColor</a></li>
+ <li><a>SVGImageElement</a></li>
+ <li><a>SVGLength</a></li>
+ <li><a>SVGLengthList</a></li>
+ <li><a>SVGLineElement</a></li>
+ <li><a>SVGLinearGradientElement</a></li>
+ <li><a>SVGLocatableElement</a></li>
+ <li><a>SVGMPathElement</a></li>
+ <li><a>SVGMarkableElement</a></li>
+ <li><a>SVGMarkerElement</a></li>
+ <li><a>SVGMarkerInstance</a></li>
+ <li><a>SVGMarkerList</a></li>
+ <li><a>SVGMaskElement</a></li>
+ <li><a>SVGMatrix</a></li>
+ <li><a>SVGMeshGradientElement</a></li>
+ <li><a>SVGMeshPatchElement</a></li>
+ <li><a>SVGMeshRowElement</a></li>
+ <li><a>SVGMetadataElement</a></li>
+ <li><a>SVGMissingGlyphElement</a></li>
+ <li><a>SVGNumber</a></li>
+ <li><a>SVGNumberList</a></li>
+ <li><a>SVGPaint</a></li>
+ <li><a>SVGPathElement</a></li>
+ <li><a>SVGPathSeg</a></li>
+ <li><a>SVGPathSegArcAbs</a></li>
+ <li><a>SVGPathSegArcRel</a></li>
+ <li><a>SVGPathSegClosePath</a></li>
+ <li><a>SVGPathSegCurvetoCubicAbs</a></li>
+ <li><a>SVGPathSegCurvetoCubicRel</a></li>
+ <li><a>SVGPathSegCurvetoCubicSmoothAbs</a></li>
+ <li><a>SVGPathSegCurvetoCubicSmoothRel</a></li>
+ <li><a>SVGPathSegCurvetoQuadraticAbs</a></li>
+ <li><a>SVGPathSegCurvetoQuadraticRel</a></li>
+ <li><a>SVGPathSegCurvetoQuadraticSmoothAbs</a></li>
+ <li><a>SVGPathSegCurvetoQuadraticSmoothRel</a></li>
+ <li><a>SVGPathSegLinetoAbs</a></li>
+ <li><a>SVGPathSegLinetoHorizontalAbs</a></li>
+ <li><a>SVGPathSegLinetoHorizontalRel</a></li>
+ <li><a>SVGPathSegLinetoRel</a></li>
+ <li><a>SVGPathSegLinetoVerticalAbs</a></li>
+ <li><a>SVGPathSegLinetoVerticalRel</a></li>
+ <li><a>SVGPathSegList</a></li>
+ <li><a>SVGPathSegMovetoAbs</a></li>
+ <li><a>SVGPathSegMovetoRel</a></li>
+ <li><a>SVGPatternElement</a></li>
+ <li><a>SVGPoint</a></li>
+ <li><a>SVGPointList</a></li>
+ <li><a>SVGPolygonElement</a></li>
+ <li><a>SVGPolylineElement</a></li>
+ <li><a>SVGPreserveAspectRatio</a></li>
+ <li><a>SVGRadialGradientElement</a></li>
+ <li><a>SVGRect</a></li>
+ <li><a>SVGRectElement</a></li>
+ <li><a>SVGRenderingIntent</a></li>
+ <li><a>SVGSVGElement</a></li>
+ <li><a>SVGScriptElement</a></li>
+ <li><a>SVGSetElement</a></li>
+ <li><a>SVGSolidColorElement</a></li>
+ <li><a>SVGStopElement</a></li>
+ <li><a>SVGStringList</a></li>
+ <li><a>SVGStyleElement</a></li>
+ <li><a>SVGSwitchElement</a></li>
+ <li><a>SVGSymbolElement</a></li>
+ <li><a>SVGTRefElement</a></li>
+ <li><a>SVGTSpanElement</a></li>
+ <li><a>SVGTests</a></li>
+ <li><a>SVGTextContentElement</a></li>
+ <li><a>SVGTextElement</a></li>
+ <li><a>SVGTextPathElement</a></li>
+ <li><a>SVGTextPositioningElement</a></li>
+ <li><a>SVGTitleElement</a></li>
+ <li><a>SVGTransform</a></li>
+ <li><a>SVGTransformList</a></li>
+ <li><a>SVGTransformableElement</a></li>
+ <li><a>SVGURIReference</a></li>
+ <li><a>SVGUnitTypes</a></li>
+ <li><a>SVGUseElement</a></li>
+ <li><a>SVGVKernElement</a></li>
+ <li><a>SVGViewElement</a></li>
+ <li><a>SVGViewSpec</a></li>
+ <li><a>SVGZoomAndPan</a></li>
+ <li><a>SVGZoomEvent</a></li>
+ <li><a>TimeEvent</a></li>
</ul>
</body>
</html>
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -7,32 +7,16 @@
<link rel="stylesheet" title="Default" type="text/css" media="screen" href="style/default_no_maturity.css"/>
<link rel="alternate stylesheet" title="All annotations" type="text/css" media="screen" href="style/default_svg.css"/>
<link rel="alternate stylesheet" title="No issues/annotations" type="text/css" media="screen" href="style/default_no_issues.css"/>
<!--
<link rel="alternate stylesheet" title="CSS3 Unmodified" type="text/css" media="screen" href="style/default.css"/>
<link rel="alternate stylesheet" title="SVG 1.1" type="text/css" media="screen" href="style/svg-style.css"/>
-->
<!-- W3C style sheet will be added here during processing. -->
-<style type="text/css">
-table.propdef.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
-table.propdef.attrdef th, table.propdef.attrdef td { border-bottom-color: #ccc }
-
-table.propdef.attrdef th:first-child,
-table.propdef.attrdef td:first-child { width: 16em; padding-left: 0 !important }
-
-table.propdef.attrdef th:first-child + th,
-table.propdef.attrdef td:first-child + td { width: auto }
-
-table.propdef.attrdef th:first-child + th + th,
-table.propdef.attrdef td:first-child + td + td { width: 6em }
-
-table.propdef.attrdef th:first-child + th + th + th,
-table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
-</style>
</head>
<body>
<h1>Painting: Filling, Stroking and Marker Symbols</h1>
<h2 id="Introduction">Introduction</h2>
<p><a>'path'</a> elements, <a>'text'</a> elements and <a href="shapes.html">basic shapes</a> can be
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -101,16 +101,79 @@ information, refer to the <a href="http:
[<a href="refs.html#ref-XML-NS">XML-NS</a>].</p>
<p class="issue">This section should talk about how a document's behavior
is defined in terms of the DOM, and also explain how the HTML parser can
create SVG fragments.</p>
<h3 id="SVGElement">The <span class='element-name'>'svg'</span> element</h3>
+<div class="annotation svg2-requirement">
+ <table>
+ <tr>
+ <th>SVG 2 Requirement:</th>
+ <td>Should support the playbackOrder attribute to inform UA to not display controls to seek backwards.</td>
+ </tr>
+ <tr>
+ <th>Resolution:</th>
+ <td><a href="http://www.w3.org/2012/03/29-svg-irc#T20-39-02">Support the playbackOrder attribute.</a></td>
+ </tr>
+ <tr>
+ <th>Purpose:</th>
+ <td>To inform UA to not display controls to seek backwards.</td>
+ </tr>
+ <tr>
+ <th>Owner:</th>
+ <td>Cyril</td>
+ </tr>
+</table>
+</div>
+
+<div class="annotation svg2-requirement">
+ <table>
+ <tr>
+ <th>SVG 2 Requirement:</th>
+ <td>Support transforming <a>'svg'</a> elements.</td>
+ </tr>
+ <tr>
+ <th>Resolution:</th>
+ <td><a href="http://www.w3.org/2011/10/28-svg-irc#T00-23-44">We will allow <span class='attr-name'>'transform'</span> on <span class='element-name'>'svg'</span> in SVG 2.</a></td>
+ </tr>
+ <tr>
+ <th>Purpose:</th>
+ <td>To allow transforms on nested <a>'svg'</a> elements, in line with author expectations.</td>
+ </tr>
+ <tr>
+ <th>Owner:</th>
+ <td>Dirk (no action)</td>
+ </tr>
+ </table>
+</div>
+
+ <div class="annotation svg2-requirement">
+ <table>
+ <tr>
+ <th>SVG 2 Requirement:</th>
+ <td>Support a means for having SMIL animations start before their time container has fully loaded.</td>
+ </tr>
+ <tr>
+ <th>Resolution:</th>
+ <td><a href="http://www.w3.org/2012/03/29-svg-irc#T20-23-57">Timeline control.</a></td>
+ </tr>
+ <tr>
+ <th>Purpose:</th>
+ <td>To start animations before the SVG document is fully loaded (useful for large SVG documents).</td>
+ </tr>
+ <tr>
+ <th>Owner:</th>
+ <td>Cyril</td>
+ </tr>
+ </table>
+</div>
+
<!--
<table class="propdef eltdef">
<tr>
<th>Name:</th>
<td><span class="element-name" style="font-size: inherit">svg</span></td>
</tr>
<tr>
<th>Categories:</th>
@@ -209,283 +272,272 @@ create SVG fragments.</p>
<a>SVGSVGElement</a> implements <a>SVGZoomAndPan</a>;</pre>
</td>
</tr>
</table>
-->
<edit:elementsummary name='svg'/>
-<div class="annotation svg2-requirement">
- <table>
- <tr>
- <th>SVG 2 Requirement:</th>
- <td>Support transforming <a>'svg'</a> elements.</td>
- </tr>
- <tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2011/10/28-svg-irc#T00-23-44">We will allow <span class='attr-name'>'transform'</span> on <span class='element-name'>'svg'</span> in SVG 2.</a></td>
- </tr>
- <tr>
- <th>Purpose:</th>
- <td>To allow transforms on nested <a>'svg'</a> elements, in line with author expectations.</td>
- </tr>
- <tr>
- <th>Owner:</th>
- <td>Dirk (no action)</td>
- </tr>
- </table>
-</div>
-
-
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="SVGElementVersionAttribute"><span
- class="adef">version</span> = "<span class="attr-value"><a
- href="types.html#DataTypeNumber"><number></a></span>"</dt>
- <dd>Indicates the SVG language version to which this
- document fragment conforms.<br />
- In <a href='http://www.w3.org/TR/2001/REC-SVG-20010904/'>SVG 1.0</a> [<a href='refs.html#ref-SVG10'>SVG10</a>],
+<p><em>Attribute definitions:</em></p>
+
+<dl class="attrdef-list">
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementVersionAttribute">version</dfn></td>
+ <td><a><number></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Indicates the SVG language version to which this
+ document fragment conforms.</p>
+ <p>In <a href='http://www.w3.org/TR/2001/REC-SVG-20010904/'>SVG 1.0</a> [<a href='refs.html#ref-SVG10'>SVG10</a>],
this attribute was fixed to the value <span class='attr-value'>'1.0'</span>.
For SVG 1.1, the attribute should have the value
- <span class='attr-value'>'1.1'</span>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
+ <span class='attr-value'>'1.1'</span>.</p>
<p class="issue">What are we doing with the <a>'version'</a>
attribute? It's not clear whether it is useful to keep.</p>
- </dd>
- <dt id="SVGElementBaseProfileAttribute"><span
- class="adef">baseProfile</span> = profile-name</dt>
- <dd>Describes the minimum SVG language profile that the
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementBaseProfileAttribute">baseProfile</dfn></td>
+ <td><a><anything></a></td>
+ <td>none</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Describes the minimum SVG language profile that the
author believes is necessary to correctly render the
content. The attribute does not specify any processing
restrictions; It can be considered metadata. For example,
the value of the attribute could be used by an authoring
tool to warn the user when they are modifying the document
beyond the scope of the specified base profile. Each SVG
profile should define the text that is appropriate for this
- attribute.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'none'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span>
+ attribute.</p>
<p class="issue">It's unlikely SVG 2 will have profiles as
1.0 and 1.1 did. Do we keep the attribute in case others
- wish to profile SVG? (Or should we be discouraging that?)</p></dd>
- <dt id="SVGElementXAttribute"><span
- class="adef">x</span> = "<span class="attr-value"><a
- href="types.html#DataTypeCoordinate"><coordinate></a></span>"</dt>
- <dd>(Has no meaning or effect on <a>outermost svg
- elements</a>.)<br />
- The x-axis coordinate of one corner of the rectangular
- region into which an embedded <a>'svg'</a> element is placed.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="SVGElementYAttribute"><span
- class="adef">y</span> = "<span class="attr-value"><a
- href="types.html#DataTypeCoordinate"><coordinate></a></span>"</dt>
- <dd>(Has no meaning or effect on <a>outermost svg
- elements</a>.)<br />
- The y-axis coordinate of one corner of the rectangular
- region into which an embedded <a>'svg'</a> element is placed.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'0'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="SVGElementWidthAttribute"><span
- class="adef">width</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>For <a>outermost svg elements</a>,
- the intrinsic width of the SVG document fragment.
- For embedded <a>'svg'</a>
- elements, the width of the rectangular region into which
- the <a>'svg'</a> element is
- placed.<br />
- A negative value is an error (see <a
- href="implnote.html#ErrorProcessing">Error processing</a>).
- A value of zero disables rendering of the element.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'100%'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="SVGElementHeightAttribute"><span
- class="adef">height</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>For <a>outermost svg elements</a>,
- the intrinsic height of the SVG document
- fragment. For embedded <a>'svg'</a> elements, the height of
- the rectangular region into which the <a>'svg'</a> element is placed.<br />
- A negative value is an error (see <a
- href="implnote.html#ErrorProcessing">Error processing</a>).
- A value of zero disables rendering of the element.<br />
- If the attribute is not specified, the effect is as if a
- value of <span class='attr-value'>'100%'</span> were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="SVGElementPreserveAspectRatioAttribute">
- <span class="adef">preserveAspectRatio</span> = "<span class='attr-value'><a href="coords.html#PreserveAspectRatioAttribute">[defer] <align> [<meetOrSlice>]</a></span>"
- </dt>
- <dd>
- <p>
- See <a>'preserveAspectRatio'</a>.
- </p>
- <p>
- If the attribute is not specified, then the effect is as if a value of <span class="attr-value">'xMidYMid meet'</span> were specified.
- </p>
- <p><span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: yes.</span></p>
- </dd>
- <dt id="SVGElementZoomAndPanAttribute">
- <span class="adef">zoomAndPan</span> = "<span class='attr-value'><a href="interact.html#ZoomAndPanAttribute">disable | magnify</a></span>"
- </dt>
- <dd>
- <p>
- See <span class="attr"><a href="interact.html#ZoomAndPanAttribute">'zoomAndPan'</a></span>.
- </p>
- </dd>
- <dt id="SVGElementPlaybackOrderAttribute">
- <span class="adef">playbackOrder</span> =
- <span class="attr-value">"forwardOnly" | "all"</span>
- </dt>
- <dd>
-
- <div class="annotation svg2-requirement">
- <table>
+ wish to profile SVG? (Or should we be discouraging that?)</p>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
<tr>
- <th>SVG 2 Requirement:</th>
- <td>Should support the playbackOrder attribute to inform UA to not display controls to seek backwards.</td>
- </tr>
- <tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2012/03/29-svg-irc#T20-39-02">Support the playbackOrder attribute.</a></td>
- </tr>
- <tr>
- <th>Purpose:</th>
- <td>To inform UA to not display controls to seek backwards.</td>
- </tr>
- <tr>
- <th>Owner:</th>
- <td>Cyril</td>
- </tr>
- </table>
- </div>
-
- <div class="annotation">This attribute may be harmonized and/or replaced with the work done as part of the <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/web-anim/index.html">Web Animation specification</a>.</div>
-
- <p>
- Indicates whether it is possible to seek backwards in the document. In
- earlier versions of SVG there was no need to put restrictions on the
- direction of seeking but with the newly introduced facilities for
- long-running documents (e.g. the <a href="#DiscardElement">
- <span class="element-name">'discard'</span></a> element) there is
- sometimes a need to restrict this.
- </p>
- <p>
- If <span class="attr-name">'playbackOrder'</span> is set to
- <span class="attr-value">'forwardOnly'</span>, the content will probably
- contain <a href="#DiscardElement"><span class="element-name">'discard'</span></a>
- elements or scripts that destroy resources, thus seeking back in the
- document's timeline may result in missing content.
- If <span class="attr-name">'playbackOrder'</span> is
- <span class="attr-value">'forwardOnly'</span>, the content should not
- provide a way, through hyperlinking or script, of seeking backwards in
- the timeline. Similarly the UA should disable any controls it may
- provide in the user interface for seeking backwards. Content with
- <span class="attr-name">'playbackOrder'</span> =
- <span class="attr-value">'forwardOnly'</span> that provides a mechanism
- for seeking backwards in time may result in undefined behavior or a
- document that is in error.
- </p>
- <dl>
- <dt><span class="attr-value">'forwardOnly'</span></dt>
- <dd>This file is intended to be played only in the forward direction, sequentially, therefore
- seeking backwards should not be allowed.</dd>
- <dt><span class="attr-value">'all'</span></dt>
- <dd>Indicates that the document is authored appropriately for seeking in both directions.</dd>
- </dl>
- <p>
- The <a>lacuna value</a> is <span class="attr-value">'all'</span>.
- </p>
- <p class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</p>
- </dd>
- <dt id="SVGElementTimelineBeginAttribute">
- <span class="adef">timelineBegin</span> =
- <span class="attr-value">"onLoad" | "onStart"</span>
- </dt>
- <dd>
- <div class="annotation svg2-requirement">
- <table>
- <tr>
- <th>SVG 2 Requirement:</th>
- <td>Support a means for having SMIL animations start before their time container has fully loaded.</td>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
</tr>
<tr>
- <th>Resolution:</th>
- <td><a href="http://www.w3.org/2012/03/29-svg-irc#T20-23-57">Timeline control.</a></td>
+ <td><dfn id="SVGElementXAttribute">x</dfn>, <dfn id="SVGElementYAttribute">y</dfn></td>
+ <td><a><coordinate></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The <a>'x'</a> and <a>'y'</a> attributes specify the
+ top-left corner of the rectangular region into which an
+ embedded <a>'svg'</a> element is placed. On an <a>outermost svg element</a>,
+ these attributes have no effect.</p>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
</tr>
<tr>
- <th>Purpose:</th>
- <td>To start animations before the SVG document is fully loaded (useful for large SVG documents).</td>
+ <td><dfn id="SVGElementWidthAttribute">width</dfn>, <dfn id="SVGElementHeightAttribute">height</dfn></td>
+ <td><a><length></a> | <a><percentage></a></td>
+ <td>100%</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>For <a>outermost svg elements</a>,
+ the <a>'width'</a> and <a>'height'</a> attributes specify
+ the intrinsice size of the SVG document fragment.
+ For embedded <a>'svg'</a> elements, they specify the size
+ of the rectangular region into which the <a>'svg'</a> element
+ is placed.</p>
+ <p>A negative value is an error (see <a
+ href="implnote.html#ErrorProcessing">Error processing</a>).
+ A value of zero disables rendering of the element.</p>
+ <p class="issue">When zero is used on an outer <a>'svg'</a> element,
+ does this disable rendering too? Or does it just affect
+ the intrinsic size?</p>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
</tr>
<tr>
- <th>Owner:</th>
- <td>Cyril</td>
+ <td><dfn id="SVGElementPreserveAspectRatioAttribute">preserveAspectRatio</dfn></td>
+ <td>[ defer ]? <a><align></a> [ meet | slice ]?</td>
+ <td>xMidYMid meet</td>
+ <td>yes</td>
</tr>
- </table>
- </div>
-
- <div class="annotation">This attribute may be harmonized and/or replaced with the work done as part of the <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/web-anim/index.html">Web Animation specification</a>.</div>
-
- <p>
- Controls the initialization of the timeline for the document.
- </p>
- <p>
- The <a href="#SVGElement"><span class="element-name">'svg'</span></a>
- element controls the <em>document timeline</em>, which is the timeline of
- the <a href="#SVGElement"><span class="element-name">'svg'</span></a>
- element's time container. For progressively loaded animations, the author
- would typically set this attribute to <span class="attr-value">'onStart'</span>,
- thus allowing the timeline to begin as the document loads, rather than
- waiting until the complete document is loaded.
- </p>
- <dl>
- <dt><span class="attr-value">'onLoad'</span></dt>
- <dd>
- The document's timeline starts the moment the
- <a href="interact.html#LoadEvent"><code>load</code></a> event for the
- <a>rootmost 'svg' element</a> is triggered.
- </dd>
- <dt><span class="attr-value">'onStart'</span></dt>
- <dd>
- The document's timeline starts at the moment the
- <a>rootmost 'svg' element</a>'s
- <em>start-tag</em>
- <a href="http://www.w3.org/TR/2006/REC-xml-20060816/#sec-starttags">as defined in XML 1.0</a>
- ([<a href="refs.html#ref-XML10">XML10</a>], section 3.1) is fully parsed and processed.
- <p class="issue">What about when the SVG document fragment is within
- an XHTML document? Is there a single timeline for the whole document, and if so,
- does it start at the parse time for the first <code><svg></code> start tag?
- What about when using the HTML parser?</p>
- </dd>
- </dl>
- <p>
- The <a>lacuna value</a> is <span class="attr-value">'onLoad'</span>.
- </p>
- <p class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</p>
- </dd>
- </dl>
-</div>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the fitting behavior when the aspect ratio of the <a>'svg'</a>
+ element does not match the aspect ratio of the rectangle it is placed in.
+ See the definition of <a>'preserveAspectRatio'</a> for details.</p>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementZoomAndPanAttribute">zoomAndPan</dfn></td>
+ <td>disable | magnify</td>
+ <td>magnify</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies whether the user agent should supply a means to zoom
+ and pan the SVG content. See the definition of <a>'zoomAndPan'</a>
+ for details.</p>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementPlaybackOrderAttribute">playbackOrder</dfn></td>
+ <td>forwardOnly | all</td>
+ <td>all</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p class="issue">This attribute may be harmonized and/or replaced with the
+ work done as part of the <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/web-anim/index.html">Web Animation specification</a>.</p>
+ <p>
+ Indicates whether it is possible to seek backwards in the document. In
+ earlier versions of SVG there was no need to put restrictions on the
+ direction of seeking but with the newly introduced facilities for
+ long-running documents (e.g. the <a href="#DiscardElement">
+ <span class="element-name">'discard'</span></a> element) there is
+ sometimes a need to restrict this.
+ </p>
+ <p>
+ If <span class="attr-name">'playbackOrder'</span> is set to
+ <span class="attr-value">'forwardOnly'</span>, the content will probably
+ contain <a>'discard'</a>
+ elements or scripts that destroy resources, thus seeking back in the
+ document's timeline may result in missing content.
+ If <span class="attr-name">'playbackOrder'</span> is
+ <span class="attr-value">'forwardOnly'</span>, the content should not
+ provide a way, through hyperlinking or script, of seeking backwards in
+ the timeline. Similarly the UA should disable any controls it may
+ provide in the user interface for seeking backwards. Content with
+ <span class="attr-value">playbackOrder="forwardOnly"</span>
+ that provides a mechanism for seeking backwards in time may result in
+ undefined behavior or a document that is in error.
+ </p>
+ <p class="issue">Can't we define this so that there is no undefined behavior?</p>
+ <p>Attribute values have the following meanings:</p>
+ <dl>
+ <dt><span class="attr-value">'forwardOnly'</span></dt>
+ <dd>This file is intended to be played only in the forward direction, sequentially, therefore
+ seeking backwards should not be allowed.</dd>
+ <dt><span class="attr-value">'all'</span></dt>
+ <dd>Indicates that the document is authored appropriately for seeking in both directions.</dd>
+ </dl>
+ </dd>
+ <dt>
+ <table class="propdef attrdef">
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ <th>Lacuna value</th>
+ <th>Animatable</th>
+ </tr>
+ <tr>
+ <td><dfn id="SVGElementTimelineBeginAttribute">timelineBegin</dfn></td>
+ <td>onLoad | onStart</td>
+ <td>onLoad</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p class="issue">This attribute may be harmonized and/or replaced with
+ the work done as part of the <a href="https://dvcs.w3.org/hg/FXTF/raw-file/tip/web-anim/index.html">Web Animation specification</a>.</p>
+ <p>
+ Controls the initialization of the timeline for the document.
+ </p>
+ <p>
+ The <a>'svg'</a> element controls the <em>document timeline</em>, which is the timeline of
+ the <a>'svg'</a> element's time container. For progressively loaded animations, the author
+ would typically set this attribute to <span class="attr-value">'onStart'</span>,
+ thus allowing the timeline to begin as the document loads, rather than
+ waiting until the complete document is loaded.
+ </p>
+ <p>Attribute values have the following meanings:</p>
+ <dl>
+ <dt><span class="attr-value">'onLoad'</span></dt>
+ <dd>
+ The document's timeline starts the moment the
+ <a href="interact.html#LoadEvent"><code>load</code></a> event for the
+ <a>rootmost 'svg' element</a> is triggered.
+ </dd>
+ <dt><span class="attr-value">'onStart'</span></dt>
+ <dd>
+ The document's timeline starts at the moment the
+ <a>rootmost 'svg' element</a>'s <em>start-tag</em>
+ <a href="http://www.w3.org/TR/2006/REC-xml-20060816/#sec-starttags">as defined in XML 1.0</a>
+ ([<a href="refs.html#ref-XML10">XML10</a>], section 3.1) is fully parsed and processed.
+ <p class="issue">What about when the SVG document fragment is within
+ an XHTML document? Is there a single timeline for the whole document, and if so,
+ does it start at the parse time for the first <code><svg></code> start tag?
+ What about when using the HTML parser?</p>
+ </dd>
+ </dl>
+ </dd>
+</dl>
<p>If an SVG document is likely to be referenced as a component
of another document, the author will often want to include a
<a>'viewBox'</a> attribute on the <a>outermost svg element</a> of the
referenced document. This attribute provides a convenient way to design
SVG documents to scale-to-fit into an arbitrary viewport.</p>
<p class="issue">This paragraph feels out of place just after the list
diff --git a/master/style/default_svg.css b/master/style/default_svg.css
--- a/master/style/default_svg.css
+++ b/master/style/default_svg.css
@@ -331,8 +331,24 @@ table.PathDataTable td,
table.PathDataTable th { padding: 5px; border-style: inset; border-width: 1px }
.colorpatch { width: 14px; height: 14px; border: 1px solid black; }
.eltdef { border-left: 0.5em solid #52A7E0 !important; background: #E9F4FB !important; }
.eltdef td > p:first-child { margin-top: 0 }
.eltdef th { white-space: nowrap }
.eltdef pre.idl { margin: 0; padding: 0; background: none }
+
+/* Attribute definition tables */
+table.propdef.attrdef { border-left-color: #888; border-left-width: 0; background-color: #eee; font-size: 90% }
+table.propdef.attrdef th, table.propdef.attrdef td { border-bottom-color: #ccc }
+
+table.propdef.attrdef th:first-child,
+table.propdef.attrdef td:first-child { width: 16em; padding-left: 0 !important }
+
+table.propdef.attrdef th:first-child + th,
+table.propdef.attrdef td:first-child + td { width: auto }
+
+table.propdef.attrdef th:first-child + th + th,
+table.propdef.attrdef td:first-child + td + td { width: 6em }
+
+table.propdef.attrdef th:first-child + th + th + th,
+table.propdef.attrdef td:first-child + td + td + td { width: 6em; padding-right: 0 !important }
Received on Saturday, 15 September 2012 18:36:33 UTC