--- a/master/Overview.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/Overview.html Tue Oct 08 12:49:38 2013 +0200
@@ -38,6 +38,7 @@
<dd>Erik Dahlström, Opera Software <<a href="mailto:ed@opera.com" class='url'>ed@opera.com</a>></dd>
<dd>Chris Lilley, W3C <<a href="mailto:chris@w3.org" class='url'>chris@w3.org</a>></dd>
<dd>Cameron McCormack, Mozilla Corporation <<a href="mailto:cam@mcc.id.au" class='url'>cam@mcc.id.au</a>></dd>
+ <dd>Doug Schepers, W3C <<a href="mailto:schepers@w3.org" class='url'>schepers@w3.org</a>></dd>
<dd>Dirk Schulze, Adobe Systems <<a href="mailto:dschulze@adobe.com" class='url'>dschulze@adobe.com</a>></dd>
<dd>Richard Schwerdtfeger, IBM <<a href="mailto:schwer@us.ibm.com" class='url'>schwer@us.ibm.com</a>></dd>
<dd>Jonathan Watt, Mozilla Corporation <<a href="mailto:jwatt@jwatt.org" class='url'>jwatt@jwatt.org</a>></dd>
@@ -182,7 +183,6 @@
<li>Anthony Grasso, Canon Inc. <<a href="mailto:anthony.grasso@cisra.canon.com.au" class='url'>anthony.grasso@cisra.canon.com.au</a>> <span class="authornote">(Version 1.1 Second Edition)</span></li>
<li>Dean Jackson, ex W3C <<a href="mailto:dean@w3.org" class='url'>dean@w3.org</a>> <span class="authornote">(Version 1.1 First Edition; until February 2007)</span></li>
<li>藤沢 淳 (FUJISAWA Jun), Canon Inc. <<a href="mailto:fujisawa.jun@canon.co.jp" class='url'>fujisawa.jun@canon.co.jp</a>> <span class="authornote">(Version 1.1 First Edition)</span></li>
- <li>Doug Schepers, W3C <<a href="mailto:schepers@w3.org" class='url'>schepers@w3.org</a>> <span class="authornote">(Version 1.1 Second Edition)</span></li>
</ul>
<p>Finally, the SVG Working Group would like to acknowledge the
--- a/master/animate.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/animate.html Tue Oct 08 12:49:38 2013 +0200
@@ -348,44 +348,57 @@
<p>The following attribute is common to all animation
elements and identifies the target element for the animation.</p>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="HrefAttribute"><span class="adef">xlink:href</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeIRI"><iri></a></span>"</dt>
- <dd><p>An <a>IRI
- reference</a> to the element which is the target of this
- animation and which therefore will be modified over
- time.</p>
- <p>The target element must be part of the <a>current
- SVG document fragment</a>.</p>
- <p><iri> must point to exactly one target element which
- is capable of being the target of the given animation. If
- <iri> points to multiple target elements, if the
- given target element is not capable of being a target of
- the given animation, or if the given target element is not
- part of the current SVG document fragment, then the
- document is in error (see <a
- href="implnote.html#ErrorProcessing">Error
- processing</a>).</p>
- <p>If the <a>'xlink:href'</a> attribute
- is not provided, then the target element will be the
- immediate parent element of the current animation
- element.</p>
- <p>Refer to the descriptions of the individual animation
- elements for any restrictions on what types of elements can
- be targets of particular types of animations.</p>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
- SMIL Animation: Specifying the animation target</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</p></dd>
- </dl>
- </div>
+<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="HrefAttribute">xlink:href</dfn></td>
+ <td><a><iri></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>An <a>IRI reference</a> to the element which is the target of this
+ animation and which therefore will be modified over
+ time.</p>
+ <p>The target element must be part of the <a>current
+ SVG document fragment</a>.</p>
+ <p><iri> must point to exactly one target element which
+ is capable of being the target of the given animation. If
+ <iri> points to multiple target elements, if the
+ given target element is not capable of being a target of
+ the given animation, or if the given target element is not
+ part of the current SVG document fragment, then the
+ document is in error (see <a
+ href="implnote.html#ErrorProcessing">Error
+ processing</a>).</p>
+ <p>If the <a>'xlink:href'</a> attribute
+ is not provided, then the target element will be the
+ immediate parent element of the current animation
+ element.</p>
+ <p>Refer to the descriptions of the individual animation
+ elements for any restrictions on what types of elements can
+ be targets of particular types of animations.</p>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
+ SMIL Animation: Specifying the animation target</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</p>
+ </dd>
+</dl>
<h3 id="TargetAttributes">Attributes to identify the target attribute or property for an animation</h3>
@@ -394,65 +407,92 @@
<a href="animate.html#TargetElement">target element</a> whose value changes
over time.</p>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="AttributeNameAttribute"><span class='adef'>attributeName</span>
- = "<span class='attr-value'><attributeName></span>"</dt>
- <dd><p>Specifies the name of the target attribute. An XMLNS
- prefix may be used to indicate the XML namespace for the
- attribute. The prefix will be interpreted in the scope of
- the current (i.e., the referencing) animation
- element.</p>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
- SMIL Animation: Specifying the animation target</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</p></dd>
- <dt id="AttributeTypeAttribute"><span class='adef'>attributeType</span>
- = "<span class='attr-value'>CSS | XML | auto</span>"</dt>
- <dd>
- <p>Specifies the namespace in which the target attribute and
- its associated values are defined. The attribute value is
- one of the following (values are case-sensitive):</p>
- <dl>
- <dt><span class='attr-value'>CSS</span></dt>
- <dd>This specifies that the value of <a>'attributeName'</a> is
- the name of a CSS property defined as animatable in
- this specification.</dd>
- <dt><span class='attr-value'>XML</span></dt>
- <dd>This specifies that the value of <a>'attributeName'</a> is
- the name of an XML attribute defined in the default XML
- namespace for the target element. If the value for
- <a>'attributeName'</a> has an XMLNS prefix, the
- implementation must use the associated namespace as
- defined in the scope of the target element. The
- attribute must be defined as animatable in this
- specification.</dd>
- <dt><span class='attr-value'>auto</span></dt>
- <dd>The implementation should match the
- <a>'attributeName'</a> to an attribute for the
- target element. The implementation must first search
- through the list of CSS properties for a matching
- property name, and if none is found, search the default
- XML namespace for the element.</dd>
- </dl>
- <p>The default value is <span class='attr-value'>'auto'</span>.</p>
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
- SMIL Animation: Specifying the animation target</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</p>
- </dd>
- </dl>
- </div>
-
+<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="AttributeNameAttribute">attributeName</dfn></td>
+ <td><a><XML-Name></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the name of the target attribute. An XMLNS
+ prefix may be used to indicate the XML namespace for the
+ attribute. The prefix will be interpreted in the scope of
+ the current (i.e., the referencing) animation
+ element.</p>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
+ SMIL Animation: Specifying the animation target</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</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="AttributeTypeAttribute">attributeType</dfn></td>
+ <td>CSS | XML | auto</td>
+ <td>auto</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the namespace in which the target attribute and
+ its associated values are defined. The attribute value is
+ one of the following (values are case-sensitive):</p>
+ <dl>
+ <dt><span class='attr-value'>CSS</span></dt>
+ <dd>This specifies that the value of <a>'attributeName'</a> is
+ the name of a CSS property defined as animatable in
+ this specification.</dd>
+ <dt><span class='attr-value'>XML</span></dt>
+ <dd>This specifies that the value of <a>'attributeName'</a> is
+ the name of an XML attribute defined in the default XML
+ namespace for the target element. If the value for
+ <a>'attributeName'</a> has an XMLNS prefix, the
+ implementation must use the associated namespace as
+ defined in the scope of the target element. The
+ attribute must be defined as animatable in this
+ specification.</dd>
+ <dt><span class='attr-value'>auto</span></dt>
+ <dd>The implementation should match the
+ <a>'attributeName'</a> to an attribute for the
+ target element. The implementation must first search
+ through the list of CSS properties for a matching
+ property name, and if none is found, search the default
+ XML namespace for the element.</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
+ SMIL Animation: Specifying the animation target</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.1).</p>
+ </dd>
+</dl>
<h3 id="Animation.nsexample">Animation with namespaces</h3>
@@ -609,358 +649,443 @@
S ::= (#x20 | #x9 | #xD | #xA)*
</pre>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="BeginAttribute"><span class='adef'>begin</span> =
- "<span class='attr-value'><a href="#BeginValueListSyntax">begin-value-list</a></span>"</dt>
- <dd>
- <p>Defines when the element should begin (i.e. become
- active).</p>
- <p>The attribute value is a semicolon separated list of
- values.</p>
-
- <dl>
- <dt id="BeginValueListSyntax">begin-value-list ::= <a
- href="#BeginValueSyntax">begin-value</a> (S? ";" S?
- begin-value-list )?</dt>
- <dd>A semicolon separated list of begin values. The
- interpretation of a list of begin times is detailed in
- SMIL Animation's section on <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-EvaluationOfBeginEndTimeLists">
- "Evaluation of begin and end time lists"</a>.</dd>
- <dt id="BeginValueSyntax">begin-value ::= ( <a
- href="#OffsetValueSyntax">offset-value</a> | <a
- href="#SyncbaseValueSyntax">syncbase-value</a> | <a
- href="#EventValueSyntax">event-value</a> | <a
- href="#RepeatValueSyntax">repeat-value</a> | <a
- href="#AccessKeyValueSyntax">accessKey-value</a> | <a
- href="#WallclockSyncValueSyntax">wallclock-sync-value</a>
- | <a href="#IndefiniteValue">"indefinite"</a> )</dt>
- <dd>Describes the element begin.</dd>
- <dt id="OffsetValueSyntax">offset-value ::= ( S? "+" |
- "-" S? )? ( <a
- href="animate.html#ClockValueSyntax">Clock-value</a>
- )</dt>
- <dd>For SMIL Animation, this describes the element
- begin as an offset from an implicit syncbase. For SVG,
- the implicit syncbase begin is defined to be relative
- to the document begin. Negative begin times are
- entirely valid and easy to compute, as long as there is
- a resolved document begin time.</dd>
- <dt id="SyncbaseValueSyntax">syncbase-value ::= (
- Id-value "." ( "begin" | "end" ) ) ( S? ("+"|"-") S? <a
- href="animate.html#ClockValueSyntax">Clock-value</a>
- )?</dt>
- <dd>Describes a <dfn>syncbase</dfn>
- and an optional offset from that syncbase. The element
- begin is defined relative to the begin or active end of
- another animation. A syncbase consists of an ID
- reference to another animation element followed by
- either <code>begin</code> or <code>end</code> to
- identify whether to synchronize with the beginning or
- active end of the referenced animation element.</dd>
- <dt id="EventValueSyntax">event-value ::= ( Id-value
- "." )? ( event-ref ) ( S? ("+"|"-") S? <a
- href="animate.html#ClockValueSyntax">Clock-value</a>
- )?</dt>
- <dd>Describes an event and an optional offset that
- determine the element begin. The animation begin is
- defined relative to the time that the event is raised.
- The list of event-symbols available for a given
- event-base element is the list of event attributes
- available for the given element as defined in the <a
- href="interact.html">Interactivity</a> chapter, with the one difference
- that the leading 'on' is removed from the event name
- (i.e., the animation event name is 'click', not
- 'onclick'). A list of all events supported by SVG can
- be found in <a href="interact.html#SVGEvents">Complete
- list of supported events</a>. Details of event-based
- timing are described in <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Unifying">
- SMIL Animation: Unifying Event-based and Scheduled
- Timing</a>.</dd>
- <dt id="RepeatValueSyntax">repeat-value ::= ( Id-value
- "." )? "repeat(" integer ")" ( S? ("+"|"-") S? <a
- href="animate.html#ClockValueSyntax">Clock-value</a>
- )?</dt>
- <dd>Describes a qualified repeat event. The element
- begin is defined relative to the time that the repeat
- event is raised with the specified iteration
- value.</dd>
- <dt id="AccessKeyValueSyntax">accessKey-value ::=
- "accessKey(" character ")" ( S? ("+"|"-") S? <a
- href="animate.html#ClockValueSyntax">Clock-value</a>
- )?</dt>
- <dd>Describes an accessKey that determines the element
- begin. The element begin is defined relative to the
- time that the accessKey character is input by the
- user.</dd>
- <dt id="WallclockSyncValueSyntax">wallclock-sync-value ::= "wallclock(" wallclock-value
- ")"</dt>
- <dd>Describes the element begin as a real-world clock
- time. The wallclock time syntax is based upon syntax
- defined in <cite>Representation of dates and times</cite>
- [<a href="refs.html#ref-ISO8601">ISO8601</a>].</dd>
- <dt id="IndefiniteValue">"indefinite"</dt>
- <dd><p>The begin of the animation will be determined by a
- "beginElement()" method call or a hyperlink targeted to
- the element.</p>
- <p>The animation DOM methods are described in <a
- href="#DOMInterfaces">DOM interfaces</a>.</p>
- <p>Hyperlink-based timing is described in <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#HyperlinkSemantics">
- SMIL Animation: Hyperlinks and timing</a>.</p></dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
- SMIL Animation: 'begin' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.1).</p>
- </dd>
-
- <dt id="DurAttribute"><span class='adef'>dur</span> =
- <span class='attr-value'><a href="#ClockValueSyntax">Clock-value</a> | "media" | "indefinite"</span></dt>
- <dd>
- <p>Specifies the simple duration.</p>
- <p>The attribute value can be one of the following:</p>
- <dl>
- <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
- <dd>Specifies the length of the simple duration in <a
- href="#PresentationTime">presentation time</a>. Value
- must be greater than 0.</dd>
- <dt>"media"</dt>
- <dd>Specifies the simple duration as the intrinsic
- media duration. This is only valid for elements that
- define media.<br />
- (For SVG's <a href="#AnimationElements">animation elements</a>, if <span
- class="attr-value">'media'</span> is specified, the
- attribute will be ignored.)</dd>
- <dt>"indefinite"</dt>
- <dd>Specifies the simple duration as indefinite.</dd>
- </dl>
- <p>If the animation does not have a <a>'dur'</a> attribute, the simple
- duration is indefinite. Note that interpolation will not
- work if the simple duration is indefinite (although this
- may still be useful for <a>'set'</a> elements). Except
- for any SVG-specific rules explicitly mentioned in this
- specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#DurAttribute">
- SMIL Animation: 'dur' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.1).</p>
- </dd>
-
- <dt id="EndAttribute"><span class='adef'>end</span> = "<span class='attr-value'><a
- href="#EndValueListSyntax">end-value-list</a></span>"</dt>
- <dd>
- <p>Defines an end value for the animation that can constrain
- the active duration. The attribute value is a semicolon
- separated list of values.</p>
-
- <dl>
- <dt id="EndValueListSyntax">end-value-list ::= <a
- href="#EndValueSyntax">end-value</a> (S? ";" S?
- end-value-list )?</dt>
- <dd>A semicolon separated list of end values. The
- interpretation of a list of end times is detailed
- below.</dd>
- </dl>
-
- <dl>
- <dt id="EndValueSyntax">end-value ::= ( <a
- href="#OffsetValueSyntax">offset-value</a> | <a
- href="#SyncbaseValueSyntax">syncbase-value</a> | <a
- href="#EventValueSyntax">event-value</a> | <a
- href="#RepeatValueSyntax">repeat-value</a> | <a
- href="#AccessKeyValueSyntax">accessKey-value</a> | <a
- href="#WallclockSyncValueSyntax">wallclock-sync-value</a>
- | "indefinite" )</dt>
- <dd>Describes the active end of the animation.</dd>
- </dl>
- <p>A value of <span class="attr-value">'indefinite'</span>
- specifies that the end of the animation will be
- determined by an <a>SVGAnimationElement::endElement</a> method call (the animation
- DOM methods are described in <a href="#DOMInterfaces">DOM
- interfaces</a>).</p>
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
- specification.
- In particular, see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#EndActiveAttribute">
- SMIL Animation: 'end' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.2).</p>
- </dd>
- <dt id="MinAttribute"><span class='adef'>min</span> = <span class='attr-value'><a
- href="#ClockValueSyntax">Clock-value</a> | "media"</span></dt>
- <dd>
- <p>Specifies the minimum value of the active duration.</p>
- <p>The attribute value can be either of the following:</p>
- <dl>
- <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
- <dd><p>Specifies the length of the minimum value of the
- active duration, measured in local time.</p>
- <p>Value must be greater than 0.</p></dd>
- <dt>"media"</dt>
- <dd>Specifies the minimum value of the active duration
- as the intrinsic media duration. This is only valid for
- elements that define media. (For SVG's <a href="#AnimationElements">animation elements</a>,
- if <span class="attr-value">'media'</span> is specified, the
- attribute will be ignored.)</dd>
- </dl>
- <p>The default value for <a>'min'</a>
- is <span class='attr-value'>'0'</span>. This does not constrain the active duration at
- all.</p>
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MinMax">SMIL Animation: 'min' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.3).</p>
- </dd>
- <dt id="MaxAttribute"><span class='adef'>max</span> = <span class='attr-value'><a
- href="#ClockValueSyntax">Clock-value</a> | "media"</span></dt>
- <dd>
- <p>Specifies the maximum value of the active duration.</p>
- <p>The attribute value can be either of the following:</p>
- <dl>
- <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
- <dd><p>Specifies the length of the maximum value of the
- active duration, measured in local time.</p>
- <p>Value must be greater than 0.</p></dd>
- <dt>"media"</dt>
- <dd>Specifies the maximum value of the active duration
- as the intrinsic media duration. This is only valid for
- elements that define media. (For SVG's
- <a href="#AnimationElements">animation elements</a>, if <span
- class="attr-value">'media'</span> is specified, the
- attribute will be ignored.)</dd>
- </dl>
- <p>There is no default value for <a>'max'</a>. This does not constrain the
- active duration at all.</p>
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MinMax">SMIL Animation: 'max' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.3).</p>
- </dd>
- <dt id="RestartAttribute"><span class='adef'>restart</span> =
- <span class='attr-value'>"always" | "whenNotActive" | "never"</span></dt>
- <dd>
- <dl>
- <dt><span class='attr-value'>always</span></dt>
- <dd>The animation can be restarted at any
- time. <br />
- This is the default value.</dd>
- <dt><span class='attr-value'>whenNotActive</span></dt>
- <dd>The animation can only be restarted when it is not
- active (i.e. after the active end). Attempts to restart
- the animation during its active duration are
- ignored.</dd>
- <dt><span class='attr-value'>never</span></dt>
- <dd>The element cannot be restarted for the remainder
- of the current simple duration of the parent time
- container. (In the case of SVG, since the parent time
- container is the SVG document fragment, then the
- animation cannot be restarted for the remainder of the
- document duration.)</dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RestartAttribute">SMIL Animation: 'restart' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.7).</p>
- </dd>
- <dt id="RepeatCountAttribute"><span class='adef'>repeatCount</span> =
- <span class='attr-value'>numeric value | "indefinite"</span></dt>
- <dd>
- <p>Specifies the number of iterations of the animation
- function. It can have the following attribute values:</p>
- <dl>
- <dt>numeric value</dt>
- <dd>This is a (base 10) "floating point" numeric value
- that specifies the number of iterations. It can include
- partial iterations expressed as fraction values. A
- fractional value describes a portion of the <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationFunction">
- simple duration</a>. Values must be greater than
- 0.</dd>
- <dt>"indefinite"</dt>
- <dd>The animation is defined to repeat indefinitely
- (i.e. until the document ends).</dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RepeatCountAttribute">SMIL Animation: 'repeatCount' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</p>
- </dd>
- <dt id="RepeatDurAttribute"><span class='adef'>repeatDur</span> =
- <span class='attr-value'><a href="#ClockValueSyntax">Clock-value</a> |
- "indefinite"</span></dt>
- <dd>
- <p>Specifies the total duration for repeat. It can have the
- following attribute values:</p>
- <dl>
- <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
- <dd>Specifies the duration in <a
- href="#PresentationTime">presentation time</a> to
- repeat the animation function
- <code><strong>f(t)</strong></code>.</dd>
- <dt>"indefinite"</dt>
- <dd>The animation is defined to repeat indefinitely
- (i.e. until the document ends).</dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RepeatDurAttribute">SMIL Animation: 'repeatDur' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</p>
- </dd>
- <dt id="FillAttribute"><span class='adef'>fill</span> =
- <span class='attr-value'>"freeze" | "remove"</span></dt>
- <dd>
- <p>This attribute can have the following values:</p>
- <dl>
- <dt><span class='attr-value'>freeze</span></dt>
- <dd>The animation effect <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimationModel">
- F(t)</a> is defined to freeze the effect value at the
- last value of the active duration. The animation effect
- is "frozen" for the remainder of the document duration
- (or until the animation is restarted - see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Restart">
- SMIL Animation: Restarting animation</a>).</dd>
- <dt><span class='attr-value'>remove</span></dt>
- <dd><p>The animation effect is removed (no longer applied)
- when the active duration of the animation is over.
- After the active end of the animation, the animation no
- longer affects the target (unless the animation is
- restarted - see <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Restart">
- SMIL Animation: Restarting animation</a>).</p>
- <p>This is the default value.</p></dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FillAttribute">SMIL Animation: 'fill' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.5).</p>
- </dd>
- </dl>
-
- </div>
+<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="BeginAttribute">begin</dfn></td>
+ <td><a href="#BeginValueListSyntax">begin-value-list</a></td>
+ <td>0s</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Defines when the element should begin (i.e. become
+ active).</p>
+ <p>The attribute value is a semicolon separated list of
+ values.</p>
+
+ <dl>
+ <dt id="BeginValueListSyntax">begin-value-list ::= <a
+ href="#BeginValueSyntax">begin-value</a> (S? ";" S?
+ begin-value-list )?</dt>
+ <dd>A semicolon separated list of begin values. The
+ interpretation of a list of begin times is detailed in
+ SMIL Animation's section on <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Timing-EvaluationOfBeginEndTimeLists">
+ "Evaluation of begin and end time lists"</a>.</dd>
+ <dt id="BeginValueSyntax">begin-value ::= ( <a
+ href="#OffsetValueSyntax">offset-value</a> | <a
+ href="#SyncbaseValueSyntax">syncbase-value</a> | <a
+ href="#EventValueSyntax">event-value</a> | <a
+ href="#RepeatValueSyntax">repeat-value</a> | <a
+ href="#AccessKeyValueSyntax">accessKey-value</a> | <a
+ href="#WallclockSyncValueSyntax">wallclock-sync-value</a>
+ | <a href="#IndefiniteValue">"indefinite"</a> )</dt>
+ <dd>Describes the element begin.</dd>
+ <dt id="OffsetValueSyntax">offset-value ::= ( S? "+" |
+ "-" S? )? ( <a
+ href="animate.html#ClockValueSyntax">Clock-value</a>
+ )</dt>
+ <dd>For SMIL Animation, this describes the element
+ begin as an offset from an implicit syncbase. For SVG,
+ the implicit syncbase begin is defined to be relative
+ to the document begin. Negative begin times are
+ entirely valid and easy to compute, as long as there is
+ a resolved document begin time.</dd>
+ <dt id="SyncbaseValueSyntax">syncbase-value ::= (
+ Id-value "." ( "begin" | "end" ) ) ( S? ("+"|"-") S? <a
+ href="animate.html#ClockValueSyntax">Clock-value</a>
+ )?</dt>
+ <dd>Describes a <dfn>syncbase</dfn>
+ and an optional offset from that syncbase. The element
+ begin is defined relative to the begin or active end of
+ another animation. A syncbase consists of an ID
+ reference to another animation element followed by
+ either <code>begin</code> or <code>end</code> to
+ identify whether to synchronize with the beginning or
+ active end of the referenced animation element.</dd>
+ <dt id="EventValueSyntax">event-value ::= ( Id-value
+ "." )? ( event-ref ) ( S? ("+"|"-") S? <a
+ href="animate.html#ClockValueSyntax">Clock-value</a>
+ )?</dt>
+ <dd>Describes an event and an optional offset that
+ determine the element begin. The animation begin is
+ defined relative to the time that the event is raised.
+ The list of event-symbols available for a given
+ event-base element is the list of event attributes
+ available for the given element as defined in the <a
+ href="interact.html">Interactivity</a> chapter, with the one difference
+ that the leading 'on' is removed from the event name
+ (i.e., the animation event name is 'click', not
+ 'onclick'). A list of all events supported by SVG can
+ be found in <a href="interact.html#SVGEvents">Complete
+ list of supported events</a>. Details of event-based
+ timing are described in <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Unifying">
+ SMIL Animation: Unifying Event-based and Scheduled
+ Timing</a>.</dd>
+ <dt id="RepeatValueSyntax">repeat-value ::= ( Id-value
+ "." )? "repeat(" integer ")" ( S? ("+"|"-") S? <a
+ href="animate.html#ClockValueSyntax">Clock-value</a>
+ )?</dt>
+ <dd>Describes a qualified repeat event. The element
+ begin is defined relative to the time that the repeat
+ event is raised with the specified iteration
+ value.</dd>
+ <dt id="AccessKeyValueSyntax">accessKey-value ::=
+ "accessKey(" character ")" ( S? ("+"|"-") S? <a
+ href="animate.html#ClockValueSyntax">Clock-value</a>
+ )?</dt>
+ <dd>Describes an accessKey that determines the element
+ begin. The element begin is defined relative to the
+ time that the accessKey character is input by the
+ user.</dd>
+ <dt id="WallclockSyncValueSyntax">wallclock-sync-value ::= "wallclock(" wallclock-value
+ ")"</dt>
+ <dd>Describes the element begin as a real-world clock
+ time. The wallclock time syntax is based upon syntax
+ defined in <cite>Representation of dates and times</cite>
+ [<a href="refs.html#ref-ISO8601">ISO8601</a>].</dd>
+ <dt id="IndefiniteValue">"indefinite"</dt>
+ <dd><p>The begin of the animation will be determined by a
+ "beginElement()" method call or a hyperlink targeted to
+ the element.</p>
+ <p>The animation DOM methods are described in <a
+ href="#DOMInterfaces">DOM interfaces</a>.</p>
+ <p>Hyperlink-based timing is described in <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#HyperlinkSemantics">
+ SMIL Animation: Hyperlinks and timing</a>.</p></dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationTarget">
+ SMIL Animation: 'begin' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.1).</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="DurAttribute">dur</dfn></td>
+ <td><a href="#ClockValueSyntax">Clock-value</a> | "media" | "indefinite"</td>
+ <td>indefinite</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the simple duration.</p>
+ <p>The attribute value can be one of the following:</p>
+ <dl>
+ <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
+ <dd>Specifies the length of the simple duration in <a
+ href="#PresentationTime">presentation time</a>. Value
+ must be greater than 0.</dd>
+ <dt>"media"</dt>
+ <dd>Specifies the simple duration as the intrinsic
+ media duration. This is only valid for elements that
+ define media.<br />
+ (For SVG's <a href="#AnimationElements">animation elements</a>, if <span
+ class="attr-value">'media'</span> is specified, the
+ attribute will be ignored.)</dd>
+ <dt>"indefinite"</dt>
+ <dd>Specifies the simple duration as indefinite.</dd>
+ </dl>
+ <p>If the animation does not have a <a>'dur'</a> attribute, the simple
+ duration is indefinite. Note that interpolation will not
+ work if the simple duration is indefinite (although this
+ may still be useful for <a>'set'</a> elements). Except
+ for any SVG-specific rules explicitly mentioned in this
+ specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#DurAttribute">
+ SMIL Animation: 'dur' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.1).</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="EndAttribute">end</dfn></td>
+ <td><a href="#EndValueListSyntax">end-value-list</a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Defines an end value for the animation that can constrain
+ the active duration. The attribute value is a semicolon
+ separated list of values.</p>
+
+ <dl>
+ <dt id="EndValueListSyntax">end-value-list ::= <a
+ href="#EndValueSyntax">end-value</a> (S? ";" S?
+ end-value-list )?</dt>
+ <dd>A semicolon separated list of end values. The
+ interpretation of a list of end times is detailed
+ below.</dd>
+ </dl>
+
+ <dl>
+ <dt id="EndValueSyntax">end-value ::= ( <a
+ href="#OffsetValueSyntax">offset-value</a> | <a
+ href="#SyncbaseValueSyntax">syncbase-value</a> | <a
+ href="#EventValueSyntax">event-value</a> | <a
+ href="#RepeatValueSyntax">repeat-value</a> | <a
+ href="#AccessKeyValueSyntax">accessKey-value</a> | <a
+ href="#WallclockSyncValueSyntax">wallclock-sync-value</a>
+ | "indefinite" )</dt>
+ <dd>Describes the active end of the animation.</dd>
+ </dl>
+ <p>A value of <span class="attr-value">'indefinite'</span>
+ specifies that the end of the animation will be
+ determined by an <a>SVGAnimationElement::endElement</a> method call (the animation
+ DOM methods are described in <a href="#DOMInterfaces">DOM
+ interfaces</a>).</p>
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for this
+ attribute is the <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
+ specification.
+ In particular, see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#EndActiveAttribute">
+ SMIL Animation: 'end' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.2).</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="MinAttribute">min</dfn></td>
+ <td><a href="#ClockValueSyntax">Clock-value</a> | "media"</td>
+ <td>0s</td>
+ <td>no</td>
+ </tr>
+ <tr>
+ <td><dfn id="MaxAttribute">max</dfn></td>
+ <td><a href="#ClockValueSyntax">Clock-value</a> | "media"</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The <a>'min'</a> and <a>'max'</a> attributes specify the minimum and
+ maximum value of the active duration, respectively.</p>
+ <p>The attribute values can be either of the following:</p>
+ <dl>
+ <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
+ <dd><p>Specifies the length of the minimum or maximum value of the
+ active duration, measured in local time.</p>
+ <p>Value must be greater than 0.</p></dd>
+ <dt>"media"</dt>
+ <dd>Specifies the minimum value of the active duration
+ as the intrinsic media duration. This is only valid for
+ elements that define media. (For SVG's <a href="#AnimationElements">animation elements</a>,
+ if <span class="attr-value">'media'</span> is specified, the
+ attribute will be ignored.)</dd>
+ </dl>
+ <p>The lacuna value for <a>'min'</a> is <span class='attr-value'>'0'</span> and
+ there is no lacuna value for <a>'max'</a>. In both cases, this does not
+ constrain the active duration at all.</p>
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for these
+ attributes is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MinMax">SMIL Animation: The min and max attributes</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.3).</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="RestartAttribute">restart</dfn></td>
+ <td>always | whenNotActive | never</td>
+ <td>always</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <dl>
+ <dt><span class='attr-value'>always</span></dt>
+ <dd>The animation can be restarted at any
+ time. This is the default value.</dd>
+ <dt><span class='attr-value'>whenNotActive</span></dt>
+ <dd>The animation can only be restarted when it is not
+ active (i.e. after the active end). Attempts to restart
+ the animation during its active duration are
+ ignored.</dd>
+ <dt><span class='attr-value'>never</span></dt>
+ <dd>The element cannot be restarted for the remainder
+ of the current simple duration of the parent time
+ container. (In the case of SVG, since the parent time
+ container is the SVG document fragment, then the
+ animation cannot be restarted for the remainder of the
+ document duration.)</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RestartAttribute">SMIL Animation: 'restart' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.7).</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="RepeatCountAttribute">repeatCount</dfn></td>
+ <td><a><number></a> | indefinite</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the number of iterations of the animation
+ function. It can have the following attribute values:</p>
+ <dl>
+ <dt><a><number></a></dt>
+ <dd>This is a (base 10) "floating point" numeric value
+ that specifies the number of iterations. It can include
+ partial iterations expressed as fraction values. A
+ fractional value describes a portion of the <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#SpecifyingAnimationFunction">
+ simple duration</a>. Values must be greater than
+ 0.</dd>
+ <dt>indefinite</dt>
+ <dd>The animation is defined to repeat indefinitely
+ (i.e. until the document ends).</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RepeatCountAttribute">SMIL Animation: 'repeatCount' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</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="RepeatDurAttribute">repeatDur</dfn></td>
+ <td><a href="#ClockValueSyntax">Clock-value</a> | "indefinite"</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the total duration for repeat. It can have the
+ following attribute values:</p>
+ <dl>
+ <dt><a href="#ClockValueSyntax">Clock-value</a></dt>
+ <dd>Specifies the duration in <a
+ href="#PresentationTime">presentation time</a> to
+ repeat the animation function
+ <code><strong>f(t)</strong></code>.</dd>
+ <dt>"indefinite"</dt>
+ <dd>The animation is defined to repeat indefinitely
+ (i.e. until the document ends).</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#RepeatDurAttribute">SMIL Animation: 'repeatDur' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</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="FillAttribute">fill</dfn></td>
+ <td>freeze | remove</td>
+ <td>remove</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>This attribute can have the following values:</p>
+ <dl>
+ <dt><span class='attr-value'>freeze</span></dt>
+ <dd>The animation effect <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimationModel">
+ F(t)</a> is defined to freeze the effect value at the
+ last value of the active duration. The animation effect
+ is "frozen" for the remainder of the document duration
+ (or until the animation is restarted - see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Restart">
+ SMIL Animation: Restarting animation</a>).</dd>
+ <dt><span class='attr-value'>remove</span></dt>
+ <dd><p>The animation effect is removed (no longer applied)
+ when the active duration of the animation is over.
+ After the active end of the animation, the animation no
+ longer affects the target (unless the animation is
+ restarted - see <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#Restart">
+ SMIL Animation: Restarting animation</a>).</p></dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FillAttribute">SMIL Animation: 'fill' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.5).</p>
+ </dd>
+</dl>
<p>The <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a>
specification [<a href="refs.html#ref-SMILANIM">SMILANIM</a>] defines the detailed processing
@@ -1035,344 +1160,412 @@
control over the relative timing of keyframes and the
interpolation method between discrete values.</p>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="CalcModeAttribute"><span class='adef'>calcMode</span> =
- <span class="attr-value">"discrete | linear | paced | spline"</span></dt>
- <dd>
- <p>Specifies the interpolation mode for the animation. This
- can take any of the following values. The default mode is
- <span class='attr-value'>'linear'</span>, however if the attribute does not support
- linear interpolation (e.g. for strings), the
- <a>'calcMode'</a> attribute is ignored and discrete
- interpolation is used.</p>
- <dl>
- <dt><span class='attr-value'>discrete</span></dt>
- <dd>This specifies that the animation function will
- jump from one value to the next without any
- interpolation.</dd>
- <dt><span class='attr-value'>linear</span></dt>
- <dd>Simple linear interpolation between values is used
- to calculate the animation function. Except for <a>'animateMotion'</a>, this
- is the default <a>'calcMode'</a>.</dd>
- <dt><span class='attr-value'>paced</span></dt>
- <dd>
- Defines interpolation to produce an even pace of
- change across the animation. This is only supported for the
- data types for which there is an appropriate distance function
- defined, which includes only scalar numeric types plus the
- types listed in <a href="#complexDistances">Paced animation and complex types</a>.
- If <span class='attr-value'>'paced'</span> is specified, any
- <a>'keyTimes'</a> or <a>'keySplines'</a> will
- be ignored. For <a>'animateMotion'</a>, this
- is the default <a>'calcMode'</a>.
- Authors are discouraged from using paced animation on types
- that do not have a distance function defined, due to its
- unpredictable behavior in some user agents.</dd>
- <dt><span class='attr-value'>spline</span></dt>
- <dd>Interpolates from one value in the
- <a>'values'</a> list to the next according to a
- time function defined by a cubic Bézier spline.
- The points of the spline are defined in the
- <a>'keyTimes'</a> attribute, and the control points
- for each interval are defined in the
- <a>'keySplines'</a> attribute.</dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#CalcModeAttribute">SMIL Animation: 'calcMode' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</p>
- </dd>
- <dt id="ValuesAttribute"><span class='adef'>values</span> =
- <span class='attr-value'>"<list>"</span></dt>
- <dd>A semicolon-separated list of one or more values.
- Vector-valued attributes are supported using the vector
- syntax of the <a>'attributeType'</a> domain. Per the SMIL
- specification, leading and trailing white space,
- and white space before and after semicolon separators,
- is allowed and will be ignored. Except for
- any SVG-specific rules explicitly mentioned in this
- specification, the normative definition for this attribute
- is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#ValuesAttribute">SMIL Animation: 'values' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</dd>
- <dt id="KeyTimesAttribute"><span class='adef'>keyTimes</span> =
- <span class='attr-value'>"<list>"</span></dt>
- <dd>
- <p>A semicolon-separated list of time values used to control
- the pacing of the animation. Each time in the list
- corresponds to a value in the <a>'values'</a>
- attribute list, and defines when the value is used in the
- animation function. Each time value in the
- <a>'keyTimes'</a> list is specified as a floating
- point value between 0 and 1 (inclusive), representing a
- proportional offset into the simple duration of the
- animation element.</p>
-
- <p>For animations specified with a <a>'values'</a> list, the
- <a>'keyTimes'</a> attribute if specified must have exactly as many
- values as there are in the <a>'values'</a> attribute. For from/to/by
- animations, the <a>'keyTimes'</a> attribute if specified must have
- two values.</p>
-
- <p>Each successive time value must be greater than or equal
- to the preceding time value.</p>
-
- <p>The <a>'keyTimes'</a> list semantics depends upon
- the interpolation mode:</p>
- <ul>
- <li>For linear and spline animation, the first
- time value in the list must be 0, and the last time
- value in the list must be 1. The key time
- associated with each value defines when the value is
- set; values are interpolated between the key times.</li>
- <li>For discrete animation, the first time value in the
- list must be 0. The time associated with each value
- defines when the value is set; the animation function
- uses that value until the next time defined in
- <a>'keyTimes'</a>.</li>
- </ul>
- <p>If the interpolation mode is <span class='attr-value'>'paced'</span>, the
- <a>'keyTimes'</a> attribute is ignored.</p>
-
- <p>If there are any errors in the <a>'keyTimes'</a>
- specification (bad values, too many or too few values),
- the document fragment is in error (see <a
- href="implnote.html#ErrorProcessing">error
- processing</a>).</p>
-
- <p>If the simple duration is indefinite, any
- <a>'keyTimes'</a> specification will be
- ignored.</p>
-
- <p>
- Because paced animation interpolation is unspecified for some
- value types, authors are encouraged to use
- <span class="attr-value">'linear'</span> animation interpolation with
- calculated <a>'keyTimes'</a>
- to achieve particular interpolation behavior for these types.
- </p>
-
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#KeyTimesAttribute">SMIL Animation: 'keyTimes' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</p>
- </dd>
- <dt id="KeySplinesAttribute"><span class='adef'>keySplines</span> =
- <span class='attr-value'>"<list>"</span></dt>
- <dd><p>A set of Bézier control points associated with
- the <a>'keyTimes'</a> list, defining a cubic
- Bézier function that controls interval pacing. The
- attribute value is a semicolon-separated list of control
- point descriptions. Each control point description is a set
- of four values: <code>x1 y1 x2 y2</code>, describing the
- Bézier control points for one time segment. Note:
- <a href="http://www.w3.org/TR/2008/REC-SMIL3-20081201/smil-animation.html#adef-keySplines">SMIL</a>
- allows these values to be separated either by commas with
- optional whitespace, or by whitespace alone. The
- <a>'keyTimes'</a> values that define the associated
- segment are the Bézier "anchor points", and the
- <a>'keySplines'</a> values are the control points.
- Thus, there must be one fewer sets of control points than
- there are <a>'keyTimes'</a>.</p>
-
- <p>The values must all be in the range 0 to 1.</p>
-
- <p>This attribute is ignored unless the <a>'calcMode'</a>
- is set to <span class='attr-value'>'spline'</span>.</p>
-
- <p>If there are any errors in the <a>'keySplines'</a>
- specification (bad values, too many or too few values), the
- document fragment is in error (see <a
- href="implnote.html#ErrorProcessing">error
- processing</a>).</p>
-
- <p>Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#KeySplinesAttribute">SMIL Animation: 'keySplines' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</p></dd>
-
- <dt id="FromAttribute"><span class='adef'>from</span> =
- <span class='attr-value'>"<value>"</span></dt>
- <dd>Specifies the starting value of the animation.<br />
- Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromAttribute">SMIL Animation: 'from' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</dd>
-
- <dt id="ToAttribute"><span class='adef'>to</span> =
- <span class='attr-value'>"<value>"</span></dt>
- <dd>Specifies the ending value of the animation.<br />
- Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#ToAttribute">SMIL Animation: 'to' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</dd>
-
- <dt id="ByAttribute"><span class='adef'>by</span> =
- <span class='attr-value'>"<value>"</span></dt>
- <dd>Specifies a relative offset value for the
- animation.<br />
- Except for any SVG-specific rules explicitly mentioned in
- this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#ByAttribute">SMIL Animation: 'by' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</dd>
- </dl>
-
- <p>The <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification [<a href="refs.html#ref-SMILANIM">SMILANIM</a>]
- defines the detailed processing
- rules associated with the above attributes. Except for any
- SVG-specific rules explicitly mentioned in this
- specification, the SMIL Animation specification is the normative definition of
- the processing rules for the above attributes.</p>
- <p>The animation values specified in the animation element
- must be legal values for the specified attribute. Leading and
- trailing white space, and white space before and after
- semicolon separators, will be ignored.</p>
- <p>All values specified must be legal values for the
- specified attribute (as defined in the associated namespace).
- If any values are not legal, the document fragment is in
- error (see <a href="implnote.html#ErrorProcessing">error
- processing</a>).</p>
- <p>If a list of values is used, the animation will apply the
- values in order over the course of the animation. If a list
- of <a>'values'</a> is specified, any <a>'from'</a>,
- <a>'to'</a> and <a>'by'</a> attribute values are ignored.</p>
- <p>The processing rules for the variants of
- <em>from/by/to</em> animations are described in <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimFuncValues">
- Animation function values</a> with the following exception.</p>
- <p>In order to provide behavior that is intuitive and consistent
- between discrete animations with an explicitly specified
- <a>'from'</a> attribute (e.g. "from-to animation") and those
- where the underlying value is used (e.g. "to animation"), the
- behavior of discrete to-animation in SVG deviates from the
- definition in SMIL Animation.
- As with a discrete from-to animation, a discrete to animation
- will set the underlying value for the first half of the simple
- duration (or, if a <a>'keyTimes'</a> list is provided, until the
- simple duration specified by the second value in the <a>'keyTimes'</a>
- list) and the <a>'to'</a> value for the remainder of the simple
- duration.</p>
- <p>The following figure illustrates the interpretation of the
- <a>'keySplines'</a> attribute. Each diagram illustrates
- the effect of <a>'keySplines'</a> settings for a single
- interval (i.e. between the associated pairs of values in the
- <a>'keyTimes'</a> and <a>'values'</a> lists.). The
- horizontal axis can be thought of as the input value for the
- <em>unit progress</em> of interpolation within the interval -
- i.e. the pace with which interpolation proceeds along the
- given interval. The vertical axis is the resulting value for
- the <em>unit progress</em>, yielded by the function that
- the <a>'keySplines'</a> attribute defines.
- Another way of describing
- this is that the horizontal axis is the input <em>unit
- time</em> for the interval, and the vertical axis is the
- output <em>unit time</em>. See also the section <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#TimingAndRealWorldClockTime">
- Timing and real-world clock times</a>.</p>
- <div class="example">
- <table style="border-collapse:separate; border-spacing: 20px;">
- <caption>
- Examples of <span class="attr-name">keySplines</span>
- </caption>
- <tr>
- <td><img class="bordered" width="250" height="250"
- alt="Example keySplines01 - keySplines of 0 0 1 1 (the default)"
- src="images/animate/keySplines01.svg" /> <span
- class="table-heading-1">keySplines="0 0 1 1"
- (the default)</span></td>
- <td><img class="bordered" width="250" height="250"
- alt="Example keySplines01 - keySplines of .5 0 .5 1"
- src="images/animate/keySplines02.svg" /> <span
- class="table-heading-1">keySplines=".5 0 .5 1"</span></td>
- </tr>
- <tr>
- <td><img class="bordered" width="250" height="250"
- alt="Example keySplines01 - keySplines of 0 .75 .25 1"
- src="images/animate/keySplines03.svg" /> <span
- class="table-heading-1">keySplines="0 .75 .25 1"</span></td>
- <td><img class="bordered" width="250" height="250"
- alt="Example keySplines01 - keySplines of 1 0 .25 .25"
- src="images/animate/keySplines04.svg" /><span
- class="table-heading-1">keySplines="1 0 .25 .25"</span></td>
- </tr>
- </table>
+<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="CalcModeAttribute">calcMode</dfn></td>
+ <td>discrete | linear | paced | spline</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the interpolation mode for the animation. This
+ can take any of the following values. The default mode is
+ <span class='attr-value'>'linear'</span>, however if the attribute does not support
+ linear interpolation (e.g. for strings), the
+ <a>'calcMode'</a> attribute is ignored and discrete
+ interpolation is used.</p>
+ <dl>
+ <dt><span class='attr-value'>discrete</span></dt>
+ <dd>This specifies that the animation function will
+ jump from one value to the next without any
+ interpolation.</dd>
+ <dt><span class='attr-value'>linear</span></dt>
+ <dd>Simple linear interpolation between values is used
+ to calculate the animation function. Except for <a>'animateMotion'</a>, this
+ is the default <a>'calcMode'</a>.</dd>
+ <dt><span class='attr-value'>paced</span></dt>
+ <dd>
+ Defines interpolation to produce an even pace of
+ change across the animation. This is only supported for the
+ data types for which there is an appropriate distance function
+ defined, which includes only scalar numeric types plus the
+ types listed in <a href="#complexDistances">Paced animation and complex types</a>.
+ If <span class='attr-value'>'paced'</span> is specified, any
+ <a>'keyTimes'</a> or <a>'keySplines'</a> will
+ be ignored. For <a>'animateMotion'</a>, this
+ is the default <a>'calcMode'</a>.
+ Authors are discouraged from using paced animation on types
+ that do not have a distance function defined, due to its
+ unpredictable behavior in some user agents.</dd>
+ <dt><span class='attr-value'>spline</span></dt>
+ <dd>Interpolates from one value in the
+ <a>'values'</a> list to the next according to a
+ time function defined by a cubic Bézier spline.
+ The points of the spline are defined in the
+ <a>'keyTimes'</a> attribute, and the control points
+ for each interval are defined in the
+ <a>'keySplines'</a> attribute.</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#CalcModeAttribute">SMIL Animation: 'calcMode' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</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="ValuesAttribute">values</dfn></td>
+ <td><list></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>A semicolon-separated list of one or more values.
+ Vector-valued attributes are supported using the vector
+ syntax of the <a>'attributeType'</a> domain. Per the SMIL
+ specification, leading and trailing white space,
+ and white space before and after semicolon separators,
+ is allowed and will be ignored. Except for
+ any SVG-specific rules explicitly mentioned in this
+ specification, the normative definition for this attribute
+ is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#ValuesAttribute">SMIL Animation: 'values' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</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="KeyTimesAttribute">keyTimes</dfn></td>
+ <td><list></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>A semicolon-separated list of time values used to control
+ the pacing of the animation. Each time in the list
+ corresponds to a value in the <a>'values'</a>
+ attribute list, and defines when the value is used in the
+ animation function. Each time value in the
+ <a>'keyTimes'</a> list is specified as a floating
+ point value between 0 and 1 (inclusive), representing a
+ proportional offset into the simple duration of the
+ animation element.</p>
+
+ <p>For animations specified with a <a>'values'</a> list, the
+ <a>'keyTimes'</a> attribute if specified must have exactly as many
+ values as there are in the <a>'values'</a> attribute. For from/to/by
+ animations, the <a>'keyTimes'</a> attribute if specified must have
+ two values.</p>
+
+ <p>Each successive time value must be greater than or equal
+ to the preceding time value.</p>
+
+ <p>The <a>'keyTimes'</a> list semantics depends upon
+ the interpolation mode:</p>
+ <ul>
+ <li>For linear and spline animation, the first
+ time value in the list must be 0, and the last time
+ value in the list must be 1. The key time
+ associated with each value defines when the value is
+ set; values are interpolated between the key times.</li>
+ <li>For discrete animation, the first time value in the
+ list must be 0. The time associated with each value
+ defines when the value is set; the animation function
+ uses that value until the next time defined in
+ <a>'keyTimes'</a>.</li>
+ </ul>
+ <p>If the interpolation mode is <span class='attr-value'>'paced'</span>, the
+ <a>'keyTimes'</a> attribute is ignored.</p>
+
+ <p>If there are any errors in the <a>'keyTimes'</a>
+ specification (bad values, too many or too few values),
+ the document fragment is in error (see <a
+ href="implnote.html#ErrorProcessing">error
+ processing</a>).</p>
+
+ <p>If the simple duration is indefinite, any
+ <a>'keyTimes'</a> specification will be
+ ignored.</p>
+
+ <p>
+ Because paced animation interpolation is unspecified for some
+ value types, authors are encouraged to use
+ <span class="attr-value">'linear'</span> animation interpolation with
+ calculated <a>'keyTimes'</a>
+ to achieve particular interpolation behavior for these types.
+ </p>
+
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#KeyTimesAttribute">SMIL Animation: 'keyTimes' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</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="KeySplinesAttribute">keySplines</dfn></td>
+ <td><list></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>A set of Bézier control points associated with
+ the <a>'keyTimes'</a> list, defining a cubic
+ Bézier function that controls interval pacing. The
+ attribute value is a semicolon-separated list of control
+ point descriptions. Each control point description is a set
+ of four values: <code>x1 y1 x2 y2</code>, describing the
+ Bézier control points for one time segment. Note:
+ <a href="http://www.w3.org/TR/2008/REC-SMIL3-20081201/smil-animation.html#adef-keySplines">SMIL</a>
+ allows these values to be separated either by commas with
+ optional whitespace, or by whitespace alone. The
+ <a>'keyTimes'</a> values that define the associated
+ segment are the Bézier "anchor points", and the
+ <a>'keySplines'</a> values are the control points.
+ Thus, there must be one fewer sets of control points than
+ there are <a>'keyTimes'</a>.</p>
+
+ <p>The values must all be in the range 0 to 1.</p>
+
+ <p>This attribute is ignored unless the <a>'calcMode'</a>
+ is set to <span class='attr-value'>'spline'</span>.</p>
+
+ <p>If there are any errors in the <a>'keySplines'</a>
+ specification (bad values, too many or too few values), the
+ document fragment is in error (see <a
+ href="implnote.html#ErrorProcessing">error
+ processing</a>).</p>
+
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#KeySplinesAttribute">SMIL Animation: 'keySplines' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.3).</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="FromAttribute">from</dfn>,
+ <dfn id="ToAttribute">to</dfn>,
+ <dfn id="ByAttribute">by</dfn></td>
+ <td><value></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The <a>'from'</a> and <a>'to'</a> attributes specify the starting
+ and ending value of the animation, while the <a>'by'</a> attribute
+ specifies a relative offset value for the animation.</p>
+
+ <p>Except for any SVG-specific rules explicitly mentioned in
+ this specification, the normative definition for these
+ attributes is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromAttribute">SMIL Animation: Animation function values</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.2.2).</p>
+ </dd>
+</dl>
+
+<p>The <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification [<a href="refs.html#ref-SMILANIM">SMILANIM</a>]
+defines the detailed processing
+rules associated with the above attributes. Except for any
+SVG-specific rules explicitly mentioned in this
+specification, the SMIL Animation specification is the normative definition of
+the processing rules for the above attributes.</p>
+
+<p>The animation values specified in the animation element
+must be legal values for the specified attribute. Leading and
+trailing white space, and white space before and after
+semicolon separators, will be ignored.</p>
+
+<p>All values specified must be legal values for the
+specified attribute (as defined in the associated namespace).
+If any values are not legal, the document fragment is in
+error (see <a href="implnote.html#ErrorProcessing">error
+processing</a>).</p>
+
+<p>If a list of values is used, the animation will apply the
+values in order over the course of the animation. If a list
+of <a>'values'</a> is specified, any <a>'from'</a>,
+<a>'to'</a> and <a>'by'</a> attribute values are ignored.</p>
+
+<p>The processing rules for the variants of
+<em>from/by/to</em> animations are described in <a
+href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimFuncValues">
+Animation function values</a> with the following exception.</p>
+
+<p>In order to provide behavior that is intuitive and consistent
+between discrete animations with an explicitly specified
+<a>'from'</a> attribute (e.g. "from-to animation") and those
+where the underlying value is used (e.g. "to animation"), the
+behavior of discrete to-animation in SVG deviates from the
+definition in SMIL Animation.
+As with a discrete from-to animation, a discrete to animation
+will set the underlying value for the first half of the simple
+duration (or, if a <a>'keyTimes'</a> list is provided, until the
+simple duration specified by the second value in the <a>'keyTimes'</a>
+list) and the <a>'to'</a> value for the remainder of the simple
+duration.</p>
+
+<p>The following figure illustrates the interpretation of the
+<a>'keySplines'</a> attribute. Each diagram illustrates
+the effect of <a>'keySplines'</a> settings for a single
+interval (i.e. between the associated pairs of values in the
+<a>'keyTimes'</a> and <a>'values'</a> lists.). The
+horizontal axis can be thought of as the input value for the
+<em>unit progress</em> of interpolation within the interval -
+i.e. the pace with which interpolation proceeds along the
+given interval. The vertical axis is the resulting value for
+the <em>unit progress</em>, yielded by the function that
+the <a>'keySplines'</a> attribute defines.
+ Another way of describing
+this is that the horizontal axis is the input <em>unit
+time</em> for the interval, and the vertical axis is the
+output <em>unit time</em>. See also the section <a
+href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#TimingAndRealWorldClockTime">
+Timing and real-world clock times</a>.</p>
+
+<div class="example">
+<table style="border-collapse:separate; border-spacing: 20px;">
+ <caption>
+ Examples of <span class="attr-name">keySplines</span>
+ </caption>
+ <tr>
+ <td><img class="bordered" width="250" height="250"
+ alt="Example keySplines01 - keySplines of 0 0 1 1 (the default)"
+ src="images/animate/keySplines01.svg" /> <span
+ class="table-heading-1">keySplines="0 0 1 1"
+ (the default)</span></td>
+ <td><img class="bordered" width="250" height="250"
+ alt="Example keySplines01 - keySplines of .5 0 .5 1"
+ src="images/animate/keySplines02.svg" /> <span
+ class="table-heading-1">keySplines=".5 0 .5 1"</span></td>
+ </tr>
+ <tr>
+ <td><img class="bordered" width="250" height="250"
+ alt="Example keySplines01 - keySplines of 0 .75 .25 1"
+ src="images/animate/keySplines03.svg" /> <span
+ class="table-heading-1">keySplines="0 .75 .25 1"</span></td>
+ <td><img class="bordered" width="250" height="250"
+ alt="Example keySplines01 - keySplines of 1 0 .25 .25"
+ src="images/animate/keySplines04.svg" /><span
+ class="table-heading-1">keySplines="1 0 .25 .25"</span></td>
+ </tr>
+</table>
- <p>To illustrate the calculations, consider the simple
- example:</p>
+<p>To illustrate the calculations, consider the simple example:</p>
+
<pre>
<animate dur="4s" values="10; 20" keyTimes="0; 1"
calcMode="spline" <strong>keySplines</strong>=<em>{as in table}</em> />
</pre>
- <p>Using the <a>'keySplines'</a> values for each of the four cases
- above, the approximate interpolated values as the animation
- proceeds are:</p>
- <table class="data">
- <caption>keySplines values</caption>
- <thead>
- <tr>
- <th>Value of <span class='attr-name'>'keySplines'</span></th>
- <th>Initial value</th>
- <th>After 1s</th>
- <th>After 2s</th>
- <th>After 3s</th>
- <th>Final value</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <th>0 0 1 1</th>
- <td>10.0</td>
- <td>12.5</td>
- <td>15.0</td>
- <td>17.5</td>
- <td>20.0</td>
- </tr>
- <tr>
- <th>.5 0 .5 1</th>
- <td>10.0</td>
- <td>11.0</td>
- <td>15.0</td>
- <td>19.0</td>
- <td>20.0</td>
- </tr>
- <tr>
- <th>0 .75 .25 1</th>
- <td>10.0</td>
- <td>18.0</td>
- <td>19.3</td>
- <td>19.8</td>
- <td>20.0</td>
- </tr>
- <tr>
- <th>1 0 .25 .25</th>
- <td>10.0</td>
- <td>10.1</td>
- <td>10.6</td>
- <td>16.9</td>
- <td>20.0</td>
- </tr>
- </tbody>
- </table>
- </div>
- <p>For a formal definition of Bézier spline
- calculation, see [<a
- href="refs.html#ref-FOLEY-VANDAM">FOLEY-VANDAM</a>], pp. 488-491.</p>
- </div>
+
+<p>Using the <a>'keySplines'</a> values for each of the four cases
+above, the approximate interpolated values as the animation
+proceeds are:</p>
+
+<table class="data">
+ <caption>keySplines values</caption>
+ <thead>
+ <tr>
+ <th>Value of <span class='attr-name'>'keySplines'</span></th>
+ <th>Initial value</th>
+ <th>After 1s</th>
+ <th>After 2s</th>
+ <th>After 3s</th>
+ <th>Final value</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <th>0 0 1 1</th>
+ <td>10.0</td>
+ <td>12.5</td>
+ <td>15.0</td>
+ <td>17.5</td>
+ <td>20.0</td>
+ </tr>
+ <tr>
+ <th>.5 0 .5 1</th>
+ <td>10.0</td>
+ <td>11.0</td>
+ <td>15.0</td>
+ <td>19.0</td>
+ <td>20.0</td>
+ </tr>
+ <tr>
+ <th>0 .75 .25 1</th>
+ <td>10.0</td>
+ <td>18.0</td>
+ <td>19.3</td>
+ <td>19.8</td>
+ <td>20.0</td>
+ </tr>
+ <tr>
+ <th>1 0 .25 .25</th>
+ <td>10.0</td>
+ <td>10.1</td>
+ <td>10.6</td>
+ <td>16.9</td>
+ <td>20.0</td>
+ </tr>
+ </tbody>
+</table>
+</div>
+
+<p>For a formal definition of Bézier spline
+calculation, see [<a
+href="refs.html#ref-FOLEY-VANDAM">FOLEY-VANDAM</a>], pp. 488-491.</p>
<h3 id="AdditionAttributes">Attributes that control whether animations are additive</h3>
@@ -1423,73 +1616,98 @@
<p>The following attributes are the <dfn id='animation-addition-attributes'>animation addition attributes</dfn>,
which are common to elements <edit:elementswithattributecategory name='animation addition'/>.</p>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="AdditiveAttribute"><span class='adef'>additive</span> =
- <span class='attr-value'>"replace | sum"</span></dt>
- <dd>
- <p>Controls whether or not the animation is
- additive.</p>
-
- <dl>
- <dt><span class='attr-value'>sum</span></dt>
- <dd>Specifies that the animation will add to the
- underlying value of the attribute and other lower
- priority animations.</dd>
- <dt><span class='attr-value'>replace</span></dt>
- <dd>Specifies that the animation will override the
- underlying value of the attribute and other lower
- priority animations. This is the default, however the
- behavior is also affected by the animation value
- attributes <a>'by'</a> and <a>'to'</a>, as described in <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromToByAndAdditive">
- SMIL Animation: How from, to and by attributes affect
- additive behavior</a>.</dd>
- </dl>
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AdditiveAttribute">SMIL Animation: 'additive' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.6).</p>
- </dd>
- <dt id="AccumulateAttribute"><span class='adef'>accumulate</span> =
- <span class='attr-value'>"none | sum"</span></dt>
- <dd>
- <p>Controls whether or not the animation is
- cumulative.</p>
-
- <dl>
- <dt><span class='attr-value'>sum</span></dt>
- <dd>Specifies that each repeat iteration after the
- first builds upon the last value of the previous
- iteration.</dd>
- <dt><span class='attr-value'>none</span></dt>
- <dd>Specifies that repeat iterations are not
- cumulative. This is the default.</dd>
- </dl>
-
- <p>This attribute is ignored if the target attribute value
- does not support addition, or if the animation element
- does not repeat.</p>
-
- <p>Cumulative animation is not defined for "<em>to
- animation</em>".</p>
-
- <p>This attribute will be ignored if the animation function
- is specified with only the <a>'to'</a>
- attribute.</p>
-
- <p>Except for any SVG-specific rules explicitly mentioned
- in this specification, the normative definition for this
- attribute is the
- <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
- In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AccumulateAttribute">SMIL Animation: 'accumulate' attribute</a>
- ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</p>
- </dd>
- </dl>
- </div>
+<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="AdditiveAttribute">additive</dfn></td>
+ <td>replace | sum</td>
+ <td>replace</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Controls whether or not the animation is additive.</p>
+ <dl>
+ <dt><span class='attr-value'>replace</span></dt>
+ <dd>Specifies that the animation will override the
+ underlying value of the attribute and other lower
+ priority animations. This is the default, however the
+ behavior is also affected by the animation value
+ attributes <a>'by'</a> and <a>'to'</a>, as described in <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#FromToByAndAdditive">
+ SMIL Animation: How from, to and by attributes affect
+ additive behavior</a>.</dd>
+ <dt><span class='attr-value'>sum</span></dt>
+ <dd>Specifies that the animation will add to the
+ underlying value of the attribute and other lower
+ priority animations.</dd>
+ </dl>
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AdditiveAttribute">SMIL Animation: 'additive' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.6).</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="AccumulateAttribute">accumulate</dfn></td>
+ <td>none | sum</td>
+ <td>none</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Controls whether or not the animation is
+ cumulative.</p>
+
+ <dl>
+ <dt><span class='attr-value'>none</span></dt>
+ <dd>Specifies that repeat iterations are not
+ cumulative. This is the default.</dd>
+ <dt><span class='attr-value'>sum</span></dt>
+ <dd>Specifies that each repeat iteration after the
+ first builds upon the last value of the previous
+ iteration.</dd>
+ </dl>
+
+ <p>This attribute is ignored if the target attribute value
+ does not support addition, or if the animation element
+ does not repeat.</p>
+
+ <p>Cumulative animation is not defined for "<em>to
+ animation</em>".</p>
+
+ <p>This attribute will be ignored if the animation function
+ is specified with only the <a>'to'</a>
+ attribute.</p>
+
+ <p>Except for any SVG-specific rules explicitly mentioned
+ in this specification, the normative definition for this
+ attribute is the
+ <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/"><cite>SMIL Animation</cite></a> specification.
+ In particular, see <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AccumulateAttribute">SMIL Animation: 'accumulate' attribute</a>
+ ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 3.3.1).</p>
+ </dd>
+</dl>
</edit:with>
@@ -1558,23 +1776,37 @@
<edit:elementsummary name='set'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="SetElementToAttribute"><span
- class="adef">to</span> = "<span
- class="attr-value"><value></span>"</dt>
- <dd>Specifies the value for the attribute during the
- duration of the <a>'set'</a>
- element. The argument value must match the attribute
- type.</dd>
- </dl>
- </div>
- <p>For a list of attributes and properties that can be animated
- using the <a>'set'</a> element, see
- <a
- href="animate.html#AnimationAttributesAndProperties">Elements,
- attributes and properties that can be animated</a>.</p>
+<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="SetElementToAttribute">to</dfn></td>
+ <td><value></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <dd>Specifies the value for the attribute during the
+ duration of the <a>'set'</a>
+ element. The argument value must match the attribute
+ type.</dd>
+ </dd>
+</dl>
+
+<p>For a list of attributes and properties that can be animated
+using the <a>'set'</a> element, see
+<a href="animate.html#AnimationAttributesAndProperties">Elements,
+attributes and properties that can be animated</a>.</p>
</edit:with>
@@ -1593,105 +1825,188 @@
<edit:elementsummary name='animateMotion'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="AnimateMotionElementCalcModeAttribute"><span class='adef'>calcMode</span> =
- <span class='attr-value'>"discrete | linear | paced | spline"</span></dt>
- <dd>Specifies the interpolation mode for the animation.
- Refer to general description of the <a>'animate/calcMode'</a> attribute above. The
- only difference is that the default value for the <a>'calcMode'</a>
- for <a>'animateMotion'</a> is <span class="attr-value">'paced'</span>. See <a
- href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MotionCalcModeAttribute">
- SMIL Animation: 'calcMode' attribute for
- 'animateMotion'</a>.</dd>
- <dt id="PathAttribute"><span class="adef">path</span> = "<span
- class="attr-value"><path-data></span>"</dt>
- <dd>The motion path, expressed in the same format and
- interpreted the same way as the <a>'path/d'</a> attribute on the
- <a>'path element'</a> element. The effect
- of a motion path animation is to add a supplemental
- transformation matrix onto the CTM for the referenced
- object which causes a translation along the x- and y-axes
- of the current user coordinate system by the computed X and
- Y values computed over time.</dd>
- <dt id="KeyPointsAttribute"><span class="adef">keyPoints</span> = "<span
- class="attr-value"><list-of-numbers></span>"</dt>
- <dd><p><a>'keyPoints'</a> takes a
- semicolon-separated list of floating point values between 0
- and 1 and indicates how far along the motion path the
- object shall move at the moment in time specified by
- corresponding <a>'keyTimes'</a>
- value. Distance calculations use the user agent's <a
- href="paths.html#DistanceAlongAPath">distance along the
- path</a> algorithm. Each progress value in the list
- corresponds to a value in the <a>'keyTimes'</a>
- attribute list.</p>
- <p>If a list of <a>'keyPoints'</a> is specified, there
- must be exactly as many values in the
- <a>'keyPoints'</a> list as in the <a>'keyTimes'</a>
- list.</p>
- <p>If there are any errors in the <a>'keyPoints'</a>
- specification (bad values, too many or too few values),
- then the document is in error (see <a
- href="implnote.html#ErrorProcessing">Error
- processing</a>).</p></dd>
- <dt id="RotateAttribute"><span class="adef">rotate</span> = "<span
- class="attr-value"><a><number></a> | auto |
- auto-reverse</span>"</dt>
- <dd>
- <p>The <a>'rotate'</a> attribute post-multiplies a supplemental
- transformation matrix onto the CTM of the target element to apply a
- rotation transformation about the origin of the current user
- coordinate system. The rotation transformation is applied after the
- supplemental translation transformation that is computed due to the
- <a>'path attribute'</a> attribute.</p>
-
- <dl>
- <dt><span class="attr-value">auto</span></dt>
- <dd>Indicates that the object is rotated over time by the angle of
- the direction (i.e., directional tangent vector) of the motion path.</dd>
-
- <dt><span class="attr-value">auto-reverse</span></dt>
- <dd>Indicates that the object is rotated over time by the angle of the
- direction (i.e., directional tangent vector) of the motion path plus
- 180 degrees.</dd>
-
- <dt><span class='attr-value'><a><number></a></span></dt>
- <dd>Indicates that the target element has a constant rotation
- transformation applied to it, where the rotation angle is the
- specified number of degrees.</dd>
- </dl>
-
- <p>The default value is <span class='attr-value'>'0'</span>.</p>
- </dd>
- <dt id="OriginAttribute"><span class="adef">origin</span> = "<span
- class="attr-value">default</span>"</dt>
- <dd>The <a>'origin'</a> attribute is <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MotionOriginAttribute">defined in the SMIL Animation
- specification</a> ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 4.3).
- It has no effect in SVG.</dd>
- </dl>
- </div>
+<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="AnimateMotionElementCalcModeAttribute">calcMode</dfn></td>
+ <td>discrete | linear | paced | spline</td>
+ <td>paced</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Specifies the interpolation mode for the animation.
+ Refer to general description of the <a>'animate/calcMode'</a> attribute above. The
+ only difference is that the default value for the <a>'calcMode'</a>
+ for <a>'animateMotion'</a> is <span class="attr-value">'paced'</span>. See <a
+ href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MotionCalcModeAttribute">
+ SMIL Animation: 'calcMode' attribute for
+ 'animateMotion'</a>.</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="AnimateMotionElementPathAttribute">path</dfn></td>
+ <td><path-data></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The motion path, expressed in the same format and
+ interpreted the same way as the <a>'path/d'</a> attribute on the
+ <a>'path element'</a> element. The effect
+ of a motion path animation is to add a supplemental
+ transformation matrix onto the CTM for the referenced
+ object which causes a translation along the x- and y-axes
+ of the current user coordinate system by the computed X and
+ Y values computed over time.</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="KeyPointsAttribute">keyPoints</dfn></td>
+ <td><list-of-numbers></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p><a>'keyPoints'</a> takes a
+ semicolon-separated list of floating point values between 0
+ and 1 and indicates how far along the motion path the
+ object shall move at the moment in time specified by
+ corresponding <a>'keyTimes'</a>
+ value. Distance calculations use the user agent's <a
+ href="paths.html#DistanceAlongAPath">distance along the
+ path</a> algorithm. Each progress value in the list
+ corresponds to a value in the <a>'keyTimes'</a>
+ attribute list.</p>
+ <p>If a list of <a>'keyPoints'</a> is specified, there
+ must be exactly as many values in the
+ <a>'keyPoints'</a> list as in the <a>'keyTimes'</a>
+ list.</p>
+ <p>If there are any errors in the <a>'keyPoints'</a>
+ specification (bad values, too many or too few values),
+ then the document is in error (see <a
+ href="implnote.html#ErrorProcessing">Error
+ processing</a>).</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="RotateAttribute">rotate</dfn></td>
+ <td><a><number></a> | auto | auto-reverse</td>
+ <td>0</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The <a>'rotate'</a> attribute post-multiplies a supplemental
+ transformation matrix onto the CTM of the target element to apply a
+ rotation transformation about the origin of the current user
+ coordinate system. The rotation transformation is applied after the
+ supplemental translation transformation that is computed due to the
+ <a>'path attribute'</a> attribute.</p>
+
+ <dl>
+ <dt><span class="attr-value">auto</span></dt>
+ <dd>Indicates that the object is rotated over time by the angle of
+ the direction (i.e., directional tangent vector) of the motion path.</dd>
+
+ <dt><span class="attr-value">auto-reverse</span></dt>
+ <dd>Indicates that the object is rotated over time by the angle of the
+ direction (i.e., directional tangent vector) of the motion path plus
+ 180 degrees.</dd>
+
+ <dt><span class='attr-value'><a><number></a></span></dt>
+ <dd>Indicates that the target element has a constant rotation
+ transformation applied to it, where the rotation angle is the
+ specified number of degrees.</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="OriginAttribute">origin</dfn></td>
+ <td>default</td>
+ <td>default</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The <a>'origin'</a> attribute is <a href="http://www.w3.org/TR/2001/REC-smil-animation-20010904/#MotionOriginAttribute">defined in the SMIL Animation
+ specification</a> ([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 4.3).
+ It has no effect in SVG.</p>
+ </dd>
+</dl>
<div id='MPathElement'>
<edit:elementsummary name='mpath'/>
</div>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="MPathElementHrefAttribute"><span
- class="adef">xlink:href</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeIRI"><iri></a></span>"</dt>
- <dd>An <a>IRI
- reference</a> to the <a>'path element'</a> element which
- defines the motion path.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
+<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="MPathElementHrefAttribute">xlink:href</dfn></td>
+ <td><a><iri></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>An <a>IRI reference</a> to the <a>'path element'</a> element which
+ defines the motion path.</p>
+ </dd>
+</dl>
<p>For <a>'animateMotion'</a>, the specified values for <a>'from'</a>,
<a>'by'</a>, <a>'to'</a> and <a>'values'</a> consists of x, y coordinate
@@ -1944,17 +2259,30 @@
<edit:elementsummary name='animateTransform'/>
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="AnimateTransformElementTypeAttribute"><span class="adef">type</span> =
- "<span class="attr-value">translate | scale | rotate | skewX | skewY</span>"</dt>
- <dd>Indicates the type of transformation which is to have its values
- change over time.
- If the attribute is not specified, then the effect is as if a value of <span class="attr-value">'translate'</span> were specified.
- </dd>
- </dl>
-</div>
+<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="AnimateTransformElementTypeAttribute">type</dfn></td>
+ <td>translate | scale | rotate | skewX | skewY</td>
+ <td>translate</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>Indicates the type of transformation which is to have its values
+ change over time.</p>
+ </dd>
+</dl>
<p>The <a>'from'</a>, <a>'by'</a> and <a>'to'</a> attributes take a value
expressed using the same syntax that is available for the given transformation
--- a/master/changes.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/changes.html Tue Oct 08 12:49:38 2013 +0200
@@ -183,6 +183,8 @@
LAB colors, ICC named colors and device colors.</li>
<li>Removed the <span class="property">'color-profile'</span> property.</li>
+
+ <li class="added-since-last-wd">Removed the <span class="element-name">'color-profile'</span> element.</li>
</ul>
<h3 id="pservers">Paint Servers chapter</h3>
@@ -221,6 +223,9 @@
<ul>
<li>Added the <span class="attr-name">'tabindex'</span> attribute.</li>
+ <li>Corrected the definition of the <a>'cursor/xlink:href'</a> attribute on
+ the <a>'cursor element'</a> element to take an IRI that is not in a CSS-like
+ functional form.</li>
</ul>
<h3 id="linking">Linking chapter</h3>
--- a/master/color.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/color.html Tue Oct 08 12:49:38 2013 +0200
@@ -202,13 +202,6 @@
<circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
</div>
- <p>Example:</p>
- <div class="example">
- <pre>
-<color-profile name="acmecmyk" href="http://printers.example.com/acmecorp/model1234"/>
-<circle fill="#CD853F icc-color(acmecmyk, 0.11, 0.48, 0.83, 0.00)"/></pre>
- </div>
-
<p class="note">Same syntax as SVG 1.1, increased conformance requirement.</p>
<p>SVG 2 uses the extended ICC color specification from SVG 1.1. In SVG 1.1, parsing the syntax was required but implementing the ICC colour itself was optional, as indicated by phrases such as "If ICC-based colors are provided and the SVG user agent supports ICC color, then...". An SVG 1.1 user agent which also conforms to this specification "supports ICC color" for the purposes of conforming to SVG 1.1.</p>
@@ -292,7 +285,12 @@
<p>Example:</p>
<div class="example">
<pre >
-<color-profile name="FooColors" href="http://swatches.example.com/Foo"/>
+<style>
+@color-profile {
+ name: FooColors;
+ src: url(http://swatches.example.com/Foo);
+}
+</style>
<circle fill="#CD853F icc-color(FooColors, Sandy23C)"/></pre>
</div>
@@ -436,191 +434,6 @@
descriptors for the location of the color profile on the Web, a name to reference
the profile and information about rendering intent.</p>
-<h3 id="ColorProfileAlternatives">Alternative ways of defining a color profile description</h3>
-
-<p>Color profile descriptions can be specified in either of the following ways:</p>
-
-<ul>
- <li>a <a>'color-profile element'</a> element</li>
-
- <li>an <em>@color-profile</em> rule within a CSS style sheet </li>
-</ul>
-
-
-<p>If a color profile with the same <em>name</em> value has
-been identified by both a <a>'color-profile element'</a> element and
-<em>@color-profile</em> rules within a CSS style sheet, then
-the user agent shall first attempt to locate the profile by
-using the specifications in the <em>@color-profile</em> rules
-first.</p>
-
-<h3 id="ColorProfileElement">The <span class="element-name">'color-profile'</span> element</h3>
-
-<p class="issue">The <a>'color-profile element'</a> element is going to be removed, as it is
-redundant with the <strong>@color-profile</strong> rule.</p>
-
-<edit:with element='color-profile'>
-
-<edit:elementsummary name='color-profile'/>
-
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="ColorProfileElementHrefAttribute"><span class="adef">href</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeIRI"><iri></a></span>"</dt>
- <dd>The location of an ICC profile resource.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
-
- <dt id="ColorProfileElementLocalAttribute"><span class="adef">local</span> = sRGB | "<span
- class="attr-value"><string></span>"</dt>
- <dd>The unique ID for a locally stored color profile.
- <string> is the profile's unique ID as specified by
- <a href="http://www.color.org/">International Color
- Consortium</a>.
- <div class="requirement" id="assert_sRGBCaseInsensitive">
- When used in a style sheet,
- for consistency with <a href="http://www.w3.org/TR/CSS2/grammar.html">CSS lexical
- scanning and parsing rules</a>, the keyword "sRGB" MUST be case-insensitive. However,
- it is recommended that the mixed capitalization "sRGB" SHOULD be used for consistency
- with common industry practice.</div>
- <div class="requirement" id="assert_localColorProfilesFirst">
- If both the <a href="#ColorProfileElementHrefAttribute"><span class="attr-name">href</span></a>
- and the <span class="attr-name">local</span> attributes are specified, then the
- user agent MUST search the local system for the locally stored color profile first,
- and, if not available locally, then attempt to use the resource identified by the
- <a href="#ColorProfileElementHrefAttribute"><span class="attr-name">href</span></a>
- attribute.</div>
- (Note: Profile description fields do <em>not</em> represent a profile's unique ID.
- With current ICC proposals, the profile's unique ID is an MD5-encoded value within
- the profile header.).<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="ColorProfileElementNameAttribute"><span class="adef">name</span> = "<span
- class="attr-value"><identifier></span>"</dt>
- <dd>The name which is used as the first parameter for <span
- class="prop-value">icc-color</span> specifications within
- <a>'fill'</a>, <a>'stroke'</a>, <a>'stop-color'</a>,
- <a>'flood-color'</a> and <a>'lighting-color'</a> property
- values to identify the color profile to use for the ICC
- color specification and the name which can be the value of
- the <a>'color-profile element'</a> property. Note
- that if 'name' is not provided, it will be impossible
- to reference the given color profile description.
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- <dt id="ColorProfileElementRenderingIntentAttribute"><span class="adef">rendering-intent</span> = "<span
- class="attr-value">auto | perceptual |
- relative-colorimetric | saturation |
- absolute-colorimetric</span>"</dt>
- <dd>
- <p><a>'rendering-intent'</a>
- permits the specification of a color profile rendering
- intent other than the default. <a>'rendering-intent'</a> is applicable
- primarily to color profiles corresponding to CMYK color
- spaces. The different options cause different methods to
- be used for translating colors to the color gamut of the
- target rendering device:</p>
- <dl>
- <dt><span class='prop-value'>auto</span></dt>
- <dd>This is the default behavior. The user agent
- determines the best intent based on the content type.
- <div class="requirement" id="assert_renderingIntentAuto">
- For image content containing an embedded profile, the User Agent MUST use the intent
- specified within the profile. Otherwise, the user agent MUST use the current profile
- and force the intent, overriding any intent that might be stored in the profile
- itself.
- </div></dd>
- <dt><span class='prop-value'>perceptual</span></dt>
- <dd> <p>This method is often the preferred choice for images, especially when
- there are substantial differences between the source and destination
- (such as a CRT display image reproduced on a reflection print). It takes
- the colors of the source image and re-optimizes the appearance for the
- destination medium using proprietary methods. This re-optimization may
- result in colors within both the source and destination gamuts being
- changed, although perceptual transforms are supposed to maintain the
- basic artistic intent of the original in the reproduction. They will not
- attempt to correct errors in the source image.
- </p>
- <p class="note">With v2 ICC profiles there is no specified perceptual reference
- medium, which can cause interoperability problems. When v2 ICC profiles
- are used it may be safer to use the media-relative colorimetric
- rendering intent with black point compensation, instead of the perceptual
- rendering intent, unless the specific source and destination profiles to
- be used have been checked to ensure the combination produces the desired
- result.
- </p>
- <div class="requirement" id="assert_renderingIntentPerceptual">
- This method SHOULD maintain relative color values among the pixels as they are mapped
- to the target device gamut. This method MAY change pixel values that were originally
- within the target device gamut, in order to avoid hue shifts and discontinuities
- and to preserve as much as possible the overall appearance of the scene.
- </div>
- </dd>
- <dt><span class='prop-value'>saturation</span></dt>
- <dd> <p>This option was created to preserve the relative saturation (chroma) of
- the original, and to keep solid colors pure. However, it experienced
- interoperability problems like the perceptual intent, and as solid color
- preservation is not amenable to a reference medium solution using v4
- profiles does not solve the problem. Use of this rendering intent is <em>not
- recommended</em> unless the specific source and destination profiles to be
- used have been checked to ensure the combination produces the desired
- result.
- </p>
- <div class="requirement" id="assert_renderingIntentSaturation">
- This option SHOULD preserve the relative saturation (chroma) values of the original
- pixels. Out of gamut colors SHOULD be converted to colors that have the same saturation
- but fall just inside the gamut.
- </div></dd>
- <dt><span class='prop-value'>relative-colorimetric</span></dt>
- <dd> <p>Media-relative colorimetric
- is required to leave source colors that fall inside the destination
- medium gamut unchanged relative to the respective media white points.
- Source colors that are out of the destination medium gamut are mapped to
- colors on the gamut boundary using a variety of different methods.</p>
-
- <p class="note">Note: the media-relative colorimetric rendering intent is often used with
- black point compensation, where the source medium black point is mapped
- to the destination medium black point as well.</p>
-
- <div class="requirement" id="assert_renderingIntentRelativeColorimetric">
- This method MUST map the source white point to the desination white point.
- If black point compensation is in use, the source black point MUST also be mapped to the destination black point.
- Adaptation algorithms SHOULD be used to adjust for the change in white point. Relative relationships of colors inside
- both source and destination gamuts SHOULD be preserved.
- Relative relationships of colors outside the destination gamut MAY be changed.
- </div></dd>
- <dt><span class='prop-value'>absolute-colorimetric</span></dt>
- <dd><p>ICC-absolute colorimetric is
- required to leave source colors that fall inside the destination medium
- gamut unchanged relative to the adopted white (a perfect reflecting
- diffuser). Source colors that are out of the destination medium gamut
- are mapped to colors on the gamut boundary using a variety of different
- methods. This method produces the most accurate color matching of
- in-gamut colors, but will result in highlight clipping if the
- destination medium white point is lower than the source medium white
- point. For this reason it is recommended for use <em>only</em> in applications
- that need exact color matching and where highlight clipping is not a
- concern.
- </p>
- <div class="requirement" id="assert_renderingIntentAbsoluteColorimetric">
- This method MUST disable white point matching and black point matching when converting colors.
- </div>
- In general, this option is not recommended.</dd>
- </dl>
- <br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>: no.</span>
- </dd>
- </dl>
- </div>
- <p class="issue">Fallback behaviour needs to be specified, for when the requested rendering intent does not have a corresponding table in the profile; or when all rendering-intents are provided using the same table.</p>
-</edit:with>
-
<h3 id="ColorProfileAtRule">The CSS <strong>@color-profile</strong> rule</h3>
<p>When the document is styled using CSS, the CSS
@@ -741,8 +554,12 @@
<dl>
<dt><span class='prop-value'><a><identifier></a></span></dt>
- <dd>See the description for the <a>'color-profile/name'</a> attribute on the
- <a>'color-profile element'</a> element. Note that if 'name' is not
+ <dd>The name which is used as the first parameter for <span
+ class="prop-value">icc-color</span> specifications within
+ <a>'fill'</a>, <a>'stroke'</a>, <a>'stop-color'</a>,
+ <a>'flood-color'</a> and <a>'lighting-color'</a> property
+ values to identify the color profile to use for the ICC
+ color specification. Note that if 'name' is not
provided, it will be impossible to reference the given @color-profile
definition.</dd>
</dl>
@@ -776,10 +593,107 @@
</dl>
</div>
-<p>See the description for the <a>'color-profile/rendering-intent'</a> attribute on the
-<a>'color-profile element'</a> element.</p>
-
-
+<p>The ‘rendering-intent’ descriptor
+permits the specification of a color profile rendering
+intent other than the default. ‘rendering-intent’ is applicable
+primarily to color profiles corresponding to CMYK color
+spaces. The different options cause different methods to
+be used for translating colors to the color gamut of the
+target rendering device:</p>
+<dl>
+ <dt><span class='prop-value'>auto</span></dt>
+ <dd>This is the default behavior. The user agent
+ determines the best intent based on the content type.
+ <div class="requirement" id="assert_renderingIntentAuto">
+ For image content containing an embedded profile, the User Agent MUST use the intent
+ specified within the profile. Otherwise, the user agent MUST use the current profile
+ and force the intent, overriding any intent that might be stored in the profile
+ itself.
+ </div></dd>
+ <dt><span class='prop-value'>perceptual</span></dt>
+ <dd> <p>This method is often the preferred choice for images, especially when
+ there are substantial differences between the source and destination
+ (such as a CRT display image reproduced on a reflection print). It takes
+ the colors of the source image and re-optimizes the appearance for the
+ destination medium using proprietary methods. This re-optimization may
+ result in colors within both the source and destination gamuts being
+ changed, although perceptual transforms are supposed to maintain the
+ basic artistic intent of the original in the reproduction. They will not
+ attempt to correct errors in the source image.
+ </p>
+ <p class="note">With v2 ICC profiles there is no specified perceptual reference
+ medium, which can cause interoperability problems. When v2 ICC profiles
+ are used it may be safer to use the media-relative colorimetric
+ rendering intent with black point compensation, instead of the perceptual
+ rendering intent, unless the specific source and destination profiles to
+ be used have been checked to ensure the combination produces the desired
+ result.
+ </p>
+ <div class="requirement" id="assert_renderingIntentPerceptual">
+ This method SHOULD maintain relative color values among the pixels as they are mapped
+ to the target device gamut. This method MAY change pixel values that were originally
+ within the target device gamut, in order to avoid hue shifts and discontinuities
+ and to preserve as much as possible the overall appearance of the scene.
+ </div>
+ </dd>
+ <dt><span class='prop-value'>saturation</span></dt>
+ <dd> <p>This option was created to preserve the relative saturation (chroma) of
+ the original, and to keep solid colors pure. However, it experienced
+ interoperability problems like the perceptual intent, and as solid color
+ preservation is not amenable to a reference medium solution using v4
+ profiles does not solve the problem. Use of this rendering intent is <em>not
+ recommended</em> unless the specific source and destination profiles to be
+ used have been checked to ensure the combination produces the desired
+ result.
+ </p>
+ <div class="requirement" id="assert_renderingIntentSaturation">
+ This option SHOULD preserve the relative saturation (chroma) values of the original
+ pixels. Out of gamut colors SHOULD be converted to colors that have the same saturation
+ but fall just inside the gamut.
+ </div></dd>
+ <dt><span class='prop-value'>relative-colorimetric</span></dt>
+ <dd> <p>Media-relative colorimetric
+ is required to leave source colors that fall inside the destination
+ medium gamut unchanged relative to the respective media white points.
+ Source colors that are out of the destination medium gamut are mapped to
+ colors on the gamut boundary using a variety of different methods.</p>
+
+ <p class="note">Note: the media-relative colorimetric rendering intent is often used with
+ black point compensation, where the source medium black point is mapped
+ to the destination medium black point as well.</p>
+
+ <div class="requirement" id="assert_renderingIntentRelativeColorimetric">
+ This method MUST map the source white point to the desination white point.
+ If black point compensation is in use, the source black point MUST also be mapped to the destination black point.
+ Adaptation algorithms SHOULD be used to adjust for the change in white point. Relative relationships of colors inside
+ both source and destination gamuts SHOULD be preserved.
+ Relative relationships of colors outside the destination gamut MAY be changed.
+ </div></dd>
+ <dt><span class='prop-value'>absolute-colorimetric</span></dt>
+ <dd><p>ICC-absolute colorimetric is
+ required to leave source colors that fall inside the destination medium
+ gamut unchanged relative to the adopted white (a perfect reflecting
+ diffuser). Source colors that are out of the destination medium gamut
+ are mapped to colors on the gamut boundary using a variety of different
+ methods. This method produces the most accurate color matching of
+ in-gamut colors, but will result in highlight clipping if the
+ destination medium white point is lower than the source medium white
+ point. For this reason it is recommended for use <em>only</em> in applications
+ that need exact color matching and where highlight clipping is not a
+ concern.
+ </p>
+ <div class="requirement" id="assert_renderingIntentAbsoluteColorimetric">
+ This method MUST disable white point matching and black point matching when converting colors.
+ </div>
+ In general, this option is not recommended.
+ </dd>
+</dl>
+
+<p class="issue">Fallback behaviour needs to be specified, for when the
+requested rendering intent does not have a corresponding table in the profile;
+or when all rendering-intents are provided using the same table.</p>
+
+
<div class="ready-for-wider-review">
<h2 id="syntax">Color syntax</h2>
@@ -939,73 +853,13 @@
<h2 id="DOMInterfaces">DOM interfaces</h2>
-<h3 id="InterfaceSVGColorProfileElement">Interface SVGColorProfileElement</h3>
-
-
-<edit:with element='color-profile'>
-
-The <a>SVGColorProfileElement</a> interface corresponds to the
-<a>'color-profile element'</a> element.
-<pre class="idl">interface <b>SVGColorProfileElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
- attribute DOMString <a href="color.html#__svg__SVGColorProfileElement__local">local</a>;
- attribute DOMString <a href="color.html#__svg__SVGColorProfileElement__name">name</a>;
- attribute unsigned short <a href="color.html#__svg__SVGColorProfileElement__renderingIntent">renderingIntent</a>;
-};
-
-<a>SVGColorProfileElement</a> implements <a>SVGRenderingIntent</a>;
-<a>SVGColorProfileElement</a> implements <a>SVGURIReference</a>;</pre>
-
-<dl class="interface">
-<dt class="attributes-header">Attributes:</dt>
-<dd>
-<dl class="attributes">
-
-<dt id="__svg__SVGColorProfileElement__local" class="attribute first-child"><b>local</b><span class="idl-type-parenthetical"> (DOMString)</span></dt>
-<dd class="attribute">
-<div>
-Corresponds to attribute <a>'local'</a> on the given element.
-
-
-</div>
-</dd>
-
-<dt id="__svg__SVGColorProfileElement__name" class="attribute"><b>name</b><span class="idl-type-parenthetical"> (DOMString)</span></dt>
-<dd class="attribute">
-<div>
-Corresponds to attribute <a>'name'</a> on the given element.
-
-
-</div>
-</dd>
-
-<dt id="__svg__SVGColorProfileElement__renderingIntent" class="attribute"><b>renderingIntent</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt>
-<dd class="attribute">
-<div>
-Corresponds to attribute <a>'rendering-intent'</a> on the given element.
-The value of this attribute is the value of the the RENDERING_INTENT_*
-constant defined on <a>SVGRenderingIntent</a> that corresponds to the
-value of the <a>'rendering-intent'</a> attribute.
-
-
-</div>
-</dd>
-</dl>
-</dd>
-</dl>
-
-</edit:with>
-
-
<h3 id="InterfaceSVGColorProfileRule">Interface SVGColorProfileRule</h3>
-
-
<p>The <a>SVGColorProfileRule</a> interface represents an @color-profile
rule in a CSS style sheet. An @color-profile rule identifies a ICC
profile which can be referenced within a given document.
</p>
-
<p>Support for the <a>SVGColorProfileRule</a> interface is only required
in user agents that support <a href="styling.html#StylingWithCSS">styling with CSS</a>.
</p>
--- a/master/definitions.xml Fri Aug 02 14:50:58 2013 +0200
+++ b/master/definitions.xml Tue Oct 08 12:49:38 2013 +0200
@@ -14,7 +14,7 @@
href='linking.html#AElement'
contentmodel='textoranyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
interfaces='SVGAElement'>
<attribute name='xlink:href' href='linking.html#AElementXLinkHrefAttribute' animatable='yes'/>
@@ -115,19 +115,6 @@
</element>
<element
- name='color-profile'
- href='color.html#ColorProfileElement'
- contentmodel='anyof'
- elementcategories='descriptive'
- attributecategories='core, xlink'
- interfaces='SVGColorProfileElement'>
- <attribute name='local' href='color.html#ColorProfileElementLocalAttribute'/>
- <attribute name='name' href='color.html#ColorProfileElementNameAttribute'/>
- <attribute name='rendering-intent' href='color.html#ColorProfileElementRenderingIntentAttribute'/>
- <attribute name='xlink:href' href='color.html#ColorProfileElementHrefAttribute'/>
- </element>
-
- <element
name='cursor'
href='interact.html#CursorElement'
contentmodel='anyof'
@@ -144,7 +131,7 @@
href='struct.html#DefsElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, graphical event, presentation, style'
interfaces='SVGDefsElement'/>
<element
@@ -286,7 +273,7 @@
href='struct.html#GElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
interfaces='SVGGElement'/>
@@ -295,7 +282,7 @@
href='fonts.html#GlyphElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, style, presentation'
attributes='d, horiz-adv-x, vert-origin-x, vert-origin-y, vert-adv-y'
interfaces='SVGGlyphElement'>
@@ -411,7 +398,7 @@
href='painting.html#MarkerElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, presentation, style'
attributes='viewBox, preserveAspectRatio'
interfaces='SVGMarkerElement'>
@@ -472,7 +459,7 @@
href='fonts.html#MissingGlyphElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, style, presentation'
attributes='d, horiz-adv-x, vert-origin-x, vert-origin-y, vert-adv-y'
interfaces='SVGMissingGlyphElement'/>
@@ -504,7 +491,7 @@
href='pservers.html#PatternElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='core, presentation, style, xlink'
attributes='viewBox, preserveAspectRatio'
interfaces='SVGPatternElement'>
@@ -634,7 +621,7 @@
href='struct.html#SVGElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='aria, navigation, conditional processing, core, document event, graphical event, presentation, style'
attributes='viewBox, preserveAspectRatio, zoomAndPan'
interfaces='SVGSVGElement'>
@@ -663,7 +650,7 @@
href='struct.html#SymbolElement'
contentmodel='anyof'
elementcategories='animation, descriptive, shape, structural, paint server'
- elements='a, clipPath, color-profile, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
+ elements='a, clipPath, cursor, filter, font, font-face, foreignObject, image, marker, mask, script, style, switch, view, text, altGlyphDef'
attributecategories='aria, navigation, core, graphical event, presentation, style'
attributes='preserveAspectRatio, viewBox'
interfaces='SVGSymbolElement'>
@@ -821,8 +808,8 @@
<!-- <attribute name='width' elements='text' href='text.html#TextElementWidthAttribute' animatable='yes'/> -->
<!-- xlink:show and xlink:actuate for all elements supporting the XLink attributes, except a -->
- <attribute name='xlink:show' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, color-profile, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkShowAttribute'/>
- <attribute name='xlink:actuate' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, color-profile, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkActuateAttribute'/>
+ <attribute name='xlink:show' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkShowAttribute'/>
+ <attribute name='xlink:actuate' elements='animate, set, animateMotion, mpath, animateColor, animateTransform, filter, feImage, font-face-uri, cursor, pattern, hatch, script, textPath, tref, use, image, altGlyph, glyphRef, linearGradient, radialGradient, meshGradient' href='linking.html#XLinkActuateAttribute'/>
<!-- attribute common to all animation elements -->
<attribute name='xlink:href' elements='animate, animateColor, animateMotion, animateTransform, set' href='animate.html#HrefAttribute'/>
--- a/master/feature.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/feature.html Tue Oct 08 12:49:38 2013 +0200
@@ -295,13 +295,6 @@
<dt>User Agent Supports:</dt>
<dd>the <a>'marker element'</a> element</dd>
</dl>
-<dl id="ColorProfile">
- <dt>Feature String:</dt>
- <dd>http://www.w3.org/TR/SVG11/feature#ColorProfile</dd>
- <dt>User Agent Supports:</dt>
- <dd>
- the <a>'color-profile element'</a> element</dd>
-</dl>
<dl id="Gradient">
<dt>Feature String:</dt>
<dd>http://www.w3.org/TR/SVG11/feature#Gradient</dd>
--- a/master/interact.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/interact.html Tue Oct 08 12:49:38 2013 +0200
@@ -1022,46 +1022,53 @@
<edit:elementsummary name='cursor'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="CursorElementXAttribute"><span
- class="adef">x</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The <em>x-coordinate</em> of the position in the
- cursor's coordinate system which represents the precise
- position that is being pointed to.<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="CursorElementYAttribute"><span
- class="adef">y</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The <em>y-coordinate</em> of the position in the
- cursor's coordinate system which represents the precise
- position that is being pointed to.<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="CursorElementHrefAttribute"><span
- class="adef">xlink:href</span> = "<span
- class="attr-value"><a
- href="types.html#DataTypeFuncIRI"><FuncIRI></a></span>"</dt>
- <dd>A <a href="types.html#DataTypeFuncIRI">Functional IRI
- reference</a> to the file or element which provides the
- image of the cursor.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
- <p>SVG user agents are required to support PNG format images as
- targets of the <a>'xlink:href'</a>
- attribute.</p>
+<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="CursorElementXAttribute">x</dfn>, <dfn id="CursorElementYAttribute">y</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The x- and y-coordinates of the position in the cursor's coordinate system
+ which represents the precise position that is being pointed to.
+ </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="CursorElementHrefAttribute">xlink:href</dfn></td>
+ <td><a><iri></a></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ An <a href="types.html#DataTypeIRI">IRI reference</a> to the file or element
+ which provides the image of the cursor.
+ </dd>
+</dl>
+
+<p>SVG user agents are required to support PNG format images as targets of the
+<a>'xlink:href'</a> attribute.</p>
<p class="issue">Add an example.</p>
--- a/master/linking.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/linking.html Tue Oct 08 12:49:38 2013 +0200
@@ -174,8 +174,7 @@
<li>the <a>'animateMotion'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<li>the <a>'animateTransform'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<li>the <a>'clip-path'</a> property must reference a <a>'clipPath'</a> element</li>
- <li>the <a>'color-profile element'</a> element must reference an ICC profile resource</li>
- <li>the <a href="color.html#ColorProfileSrcProperty">'src'</a> descriptor on an @color-profile definition must reference an ICC profile resource or a <a>'color-profile element'</a> element</li>
+ <li>the <a href="color.html#ColorProfileSrcProperty">'src'</a> descriptor on an @color-profile definition must reference an ICC profile resource</li>
<li>the <a>'cursor element'</a> element must reference a resource that can provide an image for the cursor graphic</li>
<li>the <a>'cursor property'</a> property must reference a resource that can provide an image for the cursor graphic</li>
<li>the <a>'feImage'</a> element must reference any local or non-local resource</li>
@@ -407,88 +406,113 @@
<edit:elementsummary name='a'/>
</div>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt><a id="XLinkShowAttribute2" ></a> <span
- class="adef">xlink:show</span> = "<span
- class="attr-value">new</span>" |
- "<span
- class="attr-value">replace</span>" </dt>
- <dd><p>This attribute provides documentation to XLink-aware processors. If
- <span class="attr-value">target="_blank"</span> then use
- <span class="attr-value">xlink:show="new"</span> else use
- <span class="attr-value">'replace'</span>. In
- case of a conflict, the target attribute has priority, since it can
- express a wider range of values.
- Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
- <p class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</p></dd>
- <dt id="AElementXLinkActuateAttribute"><span
- class="adef">xlink:actuate</span> = <span class='attr-value'>"onRequest"</span></dt>
- <dd><p>This attribute provides documentation to XLink-aware processors that
- an application should traverse from the starting
- resource to the ending resource only on a post-loading
- event triggered for the purpose of traversal.
- Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a> [<a href="refs.html#ref-XLINK">XLINK</a>].</p>
- <p class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</p></dd>
- <dt id="AElementXLinkHrefAttribute"><span
- class="adef">xlink:href</span> = "<span class="attr-value"><a href="types.html#DataTypeIRI"><IRI></a></span>"</dt>
- <dd><p>The location of the referenced object, expressed as an <a>IRI reference</a>.</p>
- <p class="anim-target"><a href="animate.html#Animatable">Animatable</a>: yes.</p>
- </dd>
- <dt id="AElementTargetAttribute"><span
- class="adef">target</span> = "<span
- class="attr-value">_replace</span>" |
- "<span
- class="attr-value">_self</span>" |
- "<span
- class="attr-value">_parent</span>" |
- "<span
- class="attr-value">_top</span>" |
- "<span
- class="attr-value">_blank</span>" |
- "<span class="attr-value"><a href="types.html#DataTypeXML-Name"><XML-Name></a></span>"
- </dt>
- <dd><p>This attribute should be used when there are multiple possible targets for
- the ending resource, such as when the parent document is a
- multi-frame HTML or XHTML document. This attribute specifies the
- name or portion of the target window, frame, pane, tab, or other
- relevant presentation context (e.g., an HTML or XHTML frame, iframe, or object element) into
- which a document is to be opened when the link is activated:</p>
- <dl class="definitions"><dt><span class="attr-value">_replace</span></dt>
- <dd>The current SVG image is replaced by the linked content in the
- same rectangular area in the same frame as the current SVG image.</dd>
- <dt><span class="attr-value">_self</span></dt>
- <dd>The current SVG image is replaced by the linked content in the
- same frame as the current SVG image. If the attribute is not specified,
- <span class='attr-value'>'_self'</span> is assumed.</dd>
- <dt><span class="attr-value">_parent</span></dt>
- <dd>The immediate frameset parent of the SVG image is replaced by the
- linked content.</dd>
- <dt><span class="attr-value">_top</span></dt>
- <dd>The content of the full window or tab, including any frames, is
- replaced by the linked content</dd>
- <dt><span class="attr-value">_blank</span></dt>
- <dd>A new un-named window or tab is requested for the display of the
- linked content. If this fails, the result is the same as <span class="attr-value">_top</span></dd>
- <dt><span class="attr-value"><a href="types.html#DataTypeXML-Name"><XML-Name></a></span></dt>
- <dd>Specifies the name of the frame, pane, or other relevant
- presentation context for display of the linked content. If this
- already exists, it is re-used, replacing the existing content. If
- it does not exist, it is created (the same as <span class="attr-value">'_blank'</span>, except that
- it now has a name).
- <!-- Note that frame-target must be an <a href="types.html#DataTypeXML-Name">XML Name</a> [XML11]. --></dd>
- </dl>
- <p>Note: The value <span class="attr-value">'_new'</span> is <em>not</em> a legal value for target (use <span class="attr-value">'_blank'</span>).</p>
- <p class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</p></dd>
- </dl>
- </div>
+<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="XLinkShowAttribute2">xlink:show</dfn></td>
+ <td>new | replace</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ <tr>
+ <td><dfn id="AElementXLinkActuateElement">xlink:actuate</dfn></td>
+ <td>onRequest</td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>These attribute provides documentation to XLink-aware processors.</p>
+ <p>If <span class="attr-value">target="_blank"</span> then use
+ <span class="attr-value">xlink:show="new"</span> else use
+ <span class="attr-value">'replace'</span>. In
+ case of a conflict, the target attribute has priority, since it can
+ express a wider range of values.</p>
+ <p><a>'xlink:actuate'</a> indicates that an application should traverse from
+ the starting resource to the ending resource only on a post-loading event
+ triggered for the purpose of traversal.</p>
+ <p>Refer to the <a href="http://www.w3.org/TR/xlink/">XML Linking Language (XLink)</a>
+ [<a href="refs.html#ref-XLINK">XLINK</a>].</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="AElementXLinkHrefAttribute">xlink:href</dfn></td>
+ <td><a><iri></a></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The location of the referenced object, expressed as an <a>IRI reference</a>.
+ </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="AElementTargetAttribute">target</dfn></td>
+ <td>_replace | _self | _parent | _top | _blank | <a><XML-Name></a></td>
+ <td>_self</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>This attribute should be used when there are multiple possible targets for
+ the ending resource, such as when the parent document is a
+ multi-frame HTML or XHTML document. This attribute specifies the
+ name or portion of the target window, frame, pane, tab, or other
+ relevant presentation context (e.g., an HTML or XHTML frame, iframe, or object element) into
+ which a document is to be opened when the link is activated:</p>
+ <dl>
+ <dt><span class="attr-value">_replace</span></dt>
+ <dd>The current SVG image is replaced by the linked content in the
+ same rectangular area in the same frame as the current SVG image.</dd>
+ <dt><span class="attr-value">_self</span></dt>
+ <dd>The current SVG image is replaced by the linked content in the
+ same frame as the current SVG image.</dd>
+ <dt><span class="attr-value">_parent</span></dt>
+ <dd>The immediate frameset parent of the SVG image is replaced by the
+ linked content.</dd>
+ <dt><span class="attr-value">_top</span></dt>
+ <dd>The content of the full window or tab, including any frames, is
+ replaced by the linked content</dd>
+ <dt><span class="attr-value">_blank</span></dt>
+ <dd>A new un-named window or tab is requested for the display of the
+ linked content. If this fails, the result is the same as <span class="attr-value">_top</span></dd>
+ <dt><span class="attr-value"><a><XML-Name></a></span></dt>
+ <dd>Specifies the name of the frame, pane, or other relevant
+ presentation context for display of the linked content. If this
+ already exists, it is re-used, replacing the existing content. If
+ it does not exist, it is created (the same as <span class="attr-value">'_blank'</span>, except that
+ it now has a name).
+ <!-- Note that frame-target must be an <a href="types.html#DataTypeXML-Name">XML Name</a> [XML11]. --></dd>
+ </dl>
+ <p>Note: The value <span class="attr-value">'_new'</span> is <em>not</em> a legal value for target (use <span class="attr-value">'_blank'</span>).</p>
+ </dd>
+</dl>
</edit:with>
@@ -696,19 +720,29 @@
<edit:elementsummary name='view'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="ViewElementViewTargetAttribute"><span
- class="adef">viewTarget</span> = "<em>XML_Name
- [XML_NAME]*</em>"</dt>
- <dd>Indicates the target object associated with the view.
- <br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
- </dl>
- </div>
+<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="ViewElementViewTargetAttribute">viewTarget</dfn></td>
+ <td><a><XML-Name></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Indicates the target object associated with the view.
+ </dd>
+</dl>
</edit:with>
--- a/master/paths.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/paths.html Tue Oct 08 12:49:38 2013 +0200
@@ -65,47 +65,68 @@
<edit:elementsummary name='path'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="DAttribute"><span
- class="adef">d</span> = "<em>path data</em>"</dt>
- <dd>The definition of the outline of a shape. See <a
- href="#PathData">Path data</a>.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>: yes.</span>
- Path data animation is only possible when each path data
- specification within an animation specification has exactly
- the same list of path data commands as the <a>'d'</a> attribute. If an animation is
- specified and the list of path data commands is not the
- same, then the animation specification is in error (see <a
- href="implnote.html#ErrorProcessing">Error Processing</a>).
- The animation engine interpolates each parameter to each
- path data command separately based on the attributes to the
- given animation element. Flags and booleans are
- interpolated as fractions between zero and one, with any
- non-zero value considered to be a value of one/true.</dd>
- <dt id="PathLengthAttribute"><span class="adef">pathLength</span> = "<a
- href="types.html#DataTypeNumber"><number></a>"</dt>
- <dd>The author's computation of the total length of the
- path, in user units. This value is used to calibrate the
- user agent's own <a
- href="paths.html#DistanceAlongAPath">distance-along-a-path</a>
- calculations with that of the author. The user agent will
- scale all distance-along-a-path computations by the ratio
- of <a>'pathLength'</a> to the user
- agent's own computed value for total path length. <a>'pathLength'</a> potentially affects
- calculations for <a href="text.html#TextOnAPath">text on a path</a>,
- <a href="animate.html#AnimateMotionElement">motion animation</a> and
- various <a href="painting.html#StrokeProperties">stroke operations</a>.<br />
- A negative value is an error (see <a
- href="implnote.html#ErrorProcessing">Error
- processing</a>).<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<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="DAttribute">d</dfn></td>
+ <td><em>path data</em></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The definition of the outline of a shape. See <a href="#PathData">Path data</a>.</p>
+ <p>Path data animation is only possible when each path data
+ specification within an animation specification has exactly
+ the same list of path data commands as the <a>'d'</a> attribute. If an animation is
+ specified and the list of path data commands is not the
+ same, then the animation specification is in error (see
+ <a href="implnote.html#ErrorProcessing">Error Processing</a>).
+ The animation engine interpolates each parameter to each
+ path data command separately based on the attributes to the
+ given animation element. Flags and booleans are
+ interpolated as fractions between zero and one, with any
+ non-zero value considered to be a value of one/true.</p>
+ <p class="issue">The Value in the table above should be a link to a datatype for path data.</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="PathLengthAttribute">pathLength</dfn></td>
+ <td><a><number></a></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The author's computation of the total length of the
+ path, in user units. This value is used to calibrate the
+ user agent's own <a href="paths.html#DistanceAlongAPath">distance-along-a-path</a>
+ calculations with that of the author. The user agent will
+ scale all distance-along-a-path computations by the ratio
+ of <a>'pathLength'</a> to the user
+ agent's own computed value for total path length. <a>'pathLength'</a> potentially affects
+ calculations for <a href="text.html#TextOnAPath">text on a path</a>,
+ <a href="animate.html#AnimateMotionElement">motion animation</a> and
+ various <a href="painting.html#StrokeProperties">stroke operations</a>.</p>
+ <p>A negative value is an error (see <a href="implnote.html#ErrorProcessing">Error processing</a>).</p>
+ </dd>
+</dl>
<h2 id="PathData">Path data</h2>
--- a/master/script.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/script.html Tue Oct 08 12:49:38 2013 +0200
@@ -133,32 +133,56 @@
<edit:elementsummary name='script'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="ScriptElementTypeAttribute"><span
- class="adef">type</span> = "<span
- class="attr-value"><em>content-type</em></span>"</dt>
- <dd>Identifies the scripting language for the given <a>'script'</a> element. The value
- <span class="attr-value"><em>content-type</em></span>
- specifies a media type, per
- <a href="http://www.ietf.org/rfc/rfc2046.txt">Multipurpose Internet Mail Extensions
- (MIME) Part Two</a> [<a href="refs.html#ref-RFC2046">RFC2046</a>].
- If a <a>'script/type'</a> is not provided, then the default scripting
- language assumed is ECMAScript, as if processed with the
- <span class="attr-name">'application/ecmascript'</span> media type.
- [<a href="refs.html#ref-RFC4329">RFC4329</a>]<br/>
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- no.</span></dd>
+<p><em>Attribute definitions:</em></p>
- <dt id="ScriptElementHrefAttribute"><span class="adef">xlink:href</span> =
- "<span class="attr-value"><a href="types.html#DataTypeIRI"><iri></a></span>"</dt>
- <dd>An <a href="linking.html#IRIReference">IRI reference</a> to an external
- resource containing the script code.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span></dd>
- </dl>
- </div>
+<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="ScriptElementTypeAttribute">type</dfn></td>
+ <td><em>content-type</em></td>
+ <td>application/ecmascript</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Identifies the scripting language for the given <a>'script'</a> element. The value
+ <span class="attr-value"><em>content-type</em></span>
+ specifies a media type, per
+ <a href="http://www.ietf.org/rfc/rfc2046.txt">Multipurpose Internet Mail Extensions
+ (MIME) Part Two</a> [<a href="refs.html#ref-RFC2046">RFC2046</a>].
+ If a <a>'script/type'</a> is not provided, then the default scripting
+ language assumed is ECMAScript, as if processed with the
+ <span class="attr-name">'application/ecmascript'</span> media type.
+ </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="ScriptElementHrefAttribute">href</dfn></td>
+ <td><a><iri></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ An <a href="linking.html#IRIReference">IRI reference</a> to an external
+ resource containing the script code.
+ </dd>
+</dl>
<h2 id="EventHandling">Event handling</h2>
@@ -212,16 +236,31 @@
to determine whether it can have a <a>graphical event attribute</a>
specified on it.)</p>
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="OnLoadEventAttribute"><span class="adef">onload</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>Specifies some script to execute when "bubbling" or "at target"
+<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="OnLoadEventAttribute">onload</dfn></td>
+ <td><a><anything></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Specifies some script to execute when "bubbling" or "at target"
phase listeners for the SVGLoad event are fired on the element
- the attribute is specified on.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span></dd>
- </dl>
-</div>
+ the attribute is specified on.
+ </dd>
+</dl>
<h3 id="GraphicsEvents">Event attributes on graphics and container elements</h3>
@@ -234,28 +273,45 @@
<p>Note that <a>'g/onload'</a>, defined above, is also classified as a
<a>graphical event attribute</a>.</p>
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="OnFocusInEventAttribute"><span class="adef">onfocusin</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnFocusOutEventAttribute"><span class="adef">onfocusout</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnActivateEventAttribute"><span class="adef">onactivate</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnClickEventAttribute"><span class="adef">onclick</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnKeyDownEventAttribute"><span class="adef">onkeydown</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnKeyPressEventAttribute"><span class="adef">onkeypress</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnKeyUpEventAttribute"><span class="adef">onkeyup</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnMouseDownEventAttribute"><span class="adef">onmousedown</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnMouseUpEventAttribute"><span class="adef">onmouseup</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnMouseOverEventAttribute"><span class="adef">onmouseover</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnMouseMoveEventAttribute"><span class="adef">onmousemove</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnMouseOutEventAttribute"><span class="adef">onmouseout</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>Specifies some script to execute when "bubbling" or "at target"
+<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="OnFocusInEventAttribute">onfocusin</dfn>,
+ <dfn id="OnFocusOutEventAttribute">onfocusout</dfn>,
+ <dfn id="OnActivateEventAttribute">onactivate</dfn>,
+ <dfn id="OnClickEventAttribute">onclick</dfn>,
+ <dfn id="OnKeyDownEventAttribute">onkeydown</dfn>,
+ <dfn id="OnKeyPressEventAttribute">onkeypress</dfn>,
+ <dfn id="OnKeyUpEventAttribute">onkeyup</dfn>,
+ <dfn id="OnMouseDownEventAttribute">onmousedown</dfn>,
+ <dfn id="OnMouseUpEventAttribute">onmouseup</dfn>,
+ <dfn id="OnMouseOverEventAttribute">onmouseover</dfn>,
+ <dfn id="OnMouseMoveEventAttribute">onmousemove</dfn>,
+ <dfn id="OnMouseOutEventAttribute">onmouseout</dfn>
+ </td>
+ <td><a><anything></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Specifies some script to execute when "bubbling" or "at target"
phase listeners for the corresponding event are fired on the element
- the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of support events</a>
- to determine which event each of these event attributes corresponds to.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span></dd>
- </dl>
-</div>
+ the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of supported events</a>
+ to determine which event each of these event attributes corresponds to.
+ </dd>
+</dl>
<h3 id="DocumentEvents">Document-level event attributes</h3>
@@ -276,22 +332,39 @@
that load external resources. This is related to issue
<a href="http://www.w3.org/Graphics/SVG/WG/track/issues/2254">2254</a>.</p>
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="OnUnloadEventAttribute"><span class="adef">onunload</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnAbortEventAttribute"><span class="adef">onabort</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnErrorEventAttribute"><span class="adef">onerror</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnResizeEventAttribute"><span class="adef">onresize</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnScrollEventAttribute"><span class="adef">onscroll</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnZoomEventAttribute"><span class="adef">onzoom</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>Specifies some script to execute when "bubbling" or "at target"
+<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="OnUnloadEventAttribute">onunload</dfn>,
+ <dfn id="OnAbortEventAttribute">onabort</dfn>,
+ <dfn id="OnErrorEventAttribute">onerror</dfn>,
+ <dfn id="OnResizeEventAttribute">onresize</dfn>,
+ <dfn id="OnScrollEventAttribute">onscroll</dfn>,
+ <dfn id="OnZoomEventAttribute">onzoom</dfn>
+ </td>
+ <td><a><anything></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Specifies some script to execute when "bubbling" or "at target"
phase listeners for the corresponding event are fired on the element
- the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of support events</a>
- to determine which event each of these event attributes corresponds to.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span></dd>
- </dl>
-</div>
+ the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of supported events</a>
+ to determine which event each of these event attributes corresponds to.
+ </dd>
+</dl>
<h3 id="AnimationEvents">Animation event attributes</h3>
@@ -301,19 +374,36 @@
<p>Note that <a>'g/onload'</a>, defined above, is also classified as an
<a>animation event attribute</a>.</p>
-<div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="OnBeginEventAttribute"><span class="adef">onbegin</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnEndEventAttribute"><span class="adef">onend</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dt id="OnRepeatEventAttribute"><span class="adef">onrepeat</span> = "<span class="attr-value"><a href='types.html#DataTypeAnything'><anything></a></span>"</dt>
- <dd>Specifies some script to execute when "bubbling" or "at target"
+<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="OnBeginEventAttribute">onbegin</dfn>,
+ <dfn id="OnEndEventAttribute">onend</dfn>,
+ <dfn id="OnRepeatEventAttribute">onrepeat</dfn>
+ </td>
+ <td><a><anything></a></td>
+ <td>(none)</td>
+ <td>no</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ Specifies some script to execute when "bubbling" or "at target"
phase listeners for the corresponding event are fired on the element
- the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of support events</a>
- to determine which event each of these event attributes corresponds to.<br/>
- <span class="anim-target"><a href="animate.html#Animatable">Animatable</a>: no.</span></dd>
- </dl>
-</div>
+ the attribute is specified on. See the <a href='interact.html#SVGEvents'>Complete list of supported events</a>
+ to determine which event each of these event attributes corresponds to.
+ </dd>
+</dl>
<h2 id="DOMInterfaces">DOM interfaces</h2>
--- a/master/shapes.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/shapes.html Tue Oct 08 12:49:38 2013 +0200
@@ -106,133 +106,106 @@
-->
<edit:elementsummary name='rect'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="RectElementXAttribute"><span
- class="adef">x</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis coordinate of the side of the rectangle
- which has the smaller x-axis coordinate value in the
- current user coordinate system.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="RectElementYAttribute"><span
- class="adef">y</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis coordinate of the side of the rectangle
- which has the smaller y-axis coordinate value in the
- current user coordinate system.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="RectElementWidthAttribute"><span
- class="adef">width</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The width of the rectangle.<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 />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="RectElementHeightAttribute"><span
- class="adef">height</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The height of the rectangle.<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 />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="RectElementRXAttribute"><span
- class="adef">rx</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>For rounded rectangles, the x-axis radius of the
- ellipse used to round off the corners of the
- rectangle.<br />
- A negative value is an error (see <a
- href="implnote.html#ErrorProcessing">Error
- processing</a>).<br />
- See the notes below about what happens if the attribute is
- not specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="RectElementRYAttribute"><span
- class="adef">ry</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>For rounded rectangles, the y-axis radius of the
- ellipse used to round off the corners of the
- rectangle.<br />
- A negative value is an error (see <a
- href="implnote.html#ErrorProcessing">Error
- processing</a>).<br />
- See the notes below about what happens if the attribute is
- not specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<p><em>Attribute definitions:</em></p>
-<!--
-<p>If a properly specified value is provided for <a>'rx'</a>
-but not for <a>'ry'</a>, then the user agent processes the
-<a>'rect'</a> element with the effective value for <a>'ry'</a> as
-equal to <a>'rx'</a>. If a properly specified value is provided for
-<a>'ry'</a> but not for <a>'rx'</a>, then the user agent processes
-the <a>'rect'</a> element with the effective value for <a>'rx'</a>
-as equal to <a>'ry'</a>. If neither <a>'rx'</a> nor <a>'ry'</a>
-has a properly specified value, then the user agent processes
-the <a>'rect'</a> element as if no rounding had been specified,
-resulting in square corners. If <a>'rx'</a> is greater than half
-of the width of the rectangle, then the user agent processes the
-<a>'rect'</a> element with the effective value for <a>'rx'</a> as
-half of the width of the rectangle. If <a>'ry'</a> is greater than
-half of the height of the rectangle, then the user agent processes
-the <a>'rect'</a> element with the effective value for <a>'ry'</a>
-as half of the height of the rectangle.</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="RectElementXAttribute">x</dfn>, <dfn id="RectElementYAttribute">y</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The coordinates of the left and top edges of the rectangle, in the current
+ user coordinate system.
+ </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="RectElementWidthAttribute">width</dfn>, <dfn id="RectElementHeightAttribute">height</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The width and height of the rectangle. A negative value for either
+ attribute is an error (see <a href="implnote.html#ErrorProcessing">Error processing</a>).
+ A value of zero for either attribute disables rendering of the element.
+ </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="RectElementRXAttribute">rx</dfn>, <dfn id="RectElementRYAttribute">ry</dfn></td>
+ <td><a><length></a></td>
+ <td>(see below)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>For rounded rectangles, the x- and y-axis radii of the
+ ellipse used to round off the corners of the rectangle.
+ A negative value for either attribute is an error
+ (see <a href="implnote.html#ErrorProcessing">Error processing</a>).</p>
-<p>The values used for the x- and y-axis rounded corner radii are
-determined implicitly if the <a>'rx'</a> or <a>'ry'</a> attributes (or both)
-are not specified, or are specified but with invalid values.
-The values are also subject to clamping so that the lengths of
-the straight segments of the rectangle are never negative. The
-effective values for <a>'rx'</a> and <a>'ry'</a> are determined by following
-these steps in order:</p>
-
-<ol>
- <li>Let <var>rx</var> and <var>ry</var> be length values.</li>
-
- <li>If neither <a>'rx'</a> nor <a>'ry'</a> are properly specified, then set both
- <var>rx</var> and <var>ry</var> to 0. (This will result in square corners.)</li>
+ <p>The values used for the x- and y-axis rounded corner radii are
+ determined implicitly if the <a>'rx'</a> or <a>'ry'</a> attributes (or both)
+ are not specified, or are specified but with invalid values.
+ The values are also subject to clamping so that the lengths of
+ the straight segments of the rectangle are never negative. The
+ effective values for <a>'rx'</a> and <a>'ry'</a> are determined by following
+ these steps in order:</p>
- <li>Otherwise, if a properly specified value is provided for <a>'rx'</a>, but
- not for <a>'ry'</a>, then set both <var>rx</var> and <var>ry</var> to the value of <a>'rx'</a>.</li>
-
- <li>Otherwise, if a properly specified value is provided for <a>'ry'</a>, but
- not for <a>'rx'</a>, then set both <var>rx</var> and <var>ry</var> to the value of <a>'ry'</a>.</li>
-
- <li>Otherwise, both <a>'rx'</a> and <a>'ry'</a> were specified properly. Set <var>rx</var> to
- the value of <a>'rx'</a> and <var>ry</var> to the value of <a>'ry'</a>.</li>
+ <ol>
+ <li>Let <var>rx</var> and <var>ry</var> be length values.</li>
- <li>If <var>rx</var> is greater than half of <a>'width'</a>, then set
- <var>rx</var> to half of <a>'width'</a>.</li>
+ <li>If neither <a>'rx'</a> nor <a>'ry'</a> are properly specified, then set both
+ <var>rx</var> and <var>ry</var> to 0. (This will result in square corners.)</li>
- <li>If <var>ry</var> is greater than half of <a>'height'</a>, then set
- <var>ry</var> to half of <a>'height'</a>.</li>
+ <li>Otherwise, if a properly specified value is provided for <a>'rx'</a>, but
+ not for <a>'ry'</a>, then set both <var>rx</var> and <var>ry</var> to the value of <a>'rx'</a>.</li>
- <li>The effective values of <a>'rx'</a> and <a>'ry'</a> are <var>rx</var> and
- <var>ry</var>, respectively.</li>
-</ol>
+ <li>Otherwise, if a properly specified value is provided for <a>'ry'</a>, but
+ not for <a>'rx'</a>, then set both <var>rx</var> and <var>ry</var> to the value of <a>'ry'</a>.</li>
+
+ <li>Otherwise, both <a>'rx'</a> and <a>'ry'</a> were specified properly. Set <var>rx</var> to
+ the value of <a>'rx'</a> and <var>ry</var> to the value of <a>'ry'</a>.</li>
+
+ <li>If <var>rx</var> is greater than half of <a>'width'</a>, then set
+ <var>rx</var> to half of <a>'width'</a>.</li>
+
+ <li>If <var>ry</var> is greater than half of <a>'height'</a>, then set
+ <var>ry</var> to half of <a>'height'</a>.</li>
+
+ <li>The effective values of <a>'rx'</a> and <a>'ry'</a> are <var>rx</var> and
+ <var>ry</var>, respectively.</li>
+ </ol>
+ </dd>
+</dl>
<p>Mathematically, a <a>'rect'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows: (Note: all coordinate and
@@ -307,41 +280,48 @@
<edit:elementsummary name='circle'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="CircleElementCXAttribute"><span
- class="adef">cx</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis coordinate of the center of the
- circle.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="CircleElementCYAttribute"><span
- class="adef">cy</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis coordinate of the center of the
- circle.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="CircleElementRAttribute"><span
- class="adef">r</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The radius of the circle.<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 />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<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="CircleElementCXAttribute">cx</dfn>, <dfn id="CircleElementCYAttribute">cy</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The coordinates of the center of the circle.
+ </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="RectElementRAttribute">r</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>The radius of the circle. A negative value is an error (see
+ <a href="implnote.html#ErrorProcessing">Error processing</a>).
+ A value of zero disables rendering of the element.</dd>
+</dl>
<p>The arc of a <a>'circle'</a> element begins at the "3 o'clock" point
on the radius and progresses towards the "9 o'clock" point. The starting
@@ -371,51 +351,51 @@
<edit:elementsummary name='ellipse'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="EllipseElementCXAttribute"><span
- class="adef">cx</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis coordinate of the center of the
- ellipse.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="EllipseElementCYAttribute"><span
- class="adef">cy</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis coordinate of the center of the
- ellipse.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="EllipseElementRXAttribute"><span
- class="adef">rx</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis radius of the ellipse.<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 />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="EllipseElementRYAttribute"><span
- class="adef">ry</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis radius of the ellipse.<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 />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<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="EllipseElementCXAttribute">cx</dfn>, <dfn id="EllipseElementCYAttribute">cy</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The coordinates of the center of the ellipse.
+ </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="EllipseElementRXAttribute">rx</dfn>, <dfn id="EllipseElementRYAttribute">ry</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The x- and y-axis radii of the ellipse. A negative value for
+ either attribute is an error (see
+ <a href="implnote.html#ErrorProcessing">Error processing</a>).
+ A value of zero disables rendering of the element.
+ </dd>
+</dl>
<p id="ExampleEllipse01">The arc of an <a>'ellipse'</a> element begins
at the "3 o'clock" point on the radius and progresses towards the "9
@@ -444,47 +424,48 @@
<edit:elementsummary name='line'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="LineElementX1Attribute"><span
- class="adef">x1</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis coordinate of the start of the line.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="LineElementY1Attribute"><span
- class="adef">y1</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis coordinate of the start of the line.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="LineElementX2Attribute"><span
- class="adef">x2</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The x-axis coordinate of the end of the line.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- <dt id="LineElementY2Attribute"><span
- class="adef">y2</span> = "<span class="attr-value"><a
- href="types.html#DataTypeLength"><length></a></span>"</dt>
- <dd>The y-axis coordinate of the end of the line.<br />
- If the attribute is not specified, the effect is as if a
- value of "0" were specified.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<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="LineElementX1Attribute">x1</dfn>, <dfn id="EllipseElementY1Attribute">y1</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The x- and y-axis coordinates of the start of the line.
+ </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="LineElementX2Attribute">x2</dfn>, <dfn id="EllipseElementY2Attribute">y2</dfn></td>
+ <td><a><length></a></td>
+ <td>0</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ The x- and y-axis coordinates of the end of the line.
+ </dd>
+</dl>
<p>Mathematically, a <a>'line'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows: (Note: all coordinate and
@@ -526,23 +507,33 @@
<edit:elementsummary name='polyline'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="PolylineElementPointsAttribute"><span
- class="adef">points</span> = "<span class="attr-value"><a
- href="shapes.html#PointsBNF"><list-of-points></a></span>"</dt>
- <dd>The points that make up the polyline. All coordinate
- values are in the user coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<p><em>Attribute definitions:</em></p>
-<p>If an odd number of coordinates is provided, then the element is in
-error, with the same user agent behavior as occurs with an incorrectly
-specified <a>'path'</a> element.</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="PolylineElementPointsAttribute">points</dfn></td>
+ <td><a href="shapes.html#PointsBNF"><list-of-points></a></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The points that make up the polyline. All coordinate
+ values are in the user coordinate system.</p>
+ <p>If an odd number of coordinates is provided, then the element is in
+ error, with the same user agent behavior as occurs with an incorrectly
+ specified <a>'path'</a> element.</p>
+ </dd>
+</dl>
<p>Mathematically, a <a>'polyline'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows:</p>
@@ -573,23 +564,33 @@
<edit:elementsummary name='polygon'/>
- <div class="adef-list">
- <p><em>Attribute definitions:</em></p>
- <dl>
- <dt id="PolygonElementPointsAttribute"><span
- class="adef">points</span> = "<span class="attr-value"><a
- href="shapes.html#PointsBNF"><list-of-points></a></span>"</dt>
- <dd>The points that make up the polygon. All coordinate
- values are in the user coordinate system.<br />
- <span class="anim-target"><a
- href="animate.html#Animatable">Animatable</a>:
- yes.</span></dd>
- </dl>
- </div>
+<p><em>Attribute definitions:</em></p>
-<p>If an odd number of coordinates is provided, then the element is in
-error, with the same user agent behavior as occurs with an incorrectly
-specified <a>'path'</a> element.</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="PolygonElementPointsAttribute">points</dfn></td>
+ <td><a href="shapes.html#PointsBNF"><list-of-points></a></td>
+ <td>(none)</td>
+ <td>yes</td>
+ </tr>
+ </table>
+ </dt>
+ <dd>
+ <p>The points that make up the polygon. All coordinate
+ values are in the user coordinate system.</p>
+ <p>If an odd number of coordinates is provided, then the element is in
+ error, with the same user agent behavior as occurs with an incorrectly
+ specified <a>'path'</a> element.</p>
+ </dd>
+</dl>
<p>Mathematically, a <a>'polygon'</a> element can be mapped to an
equivalent <a>'path'</a> element as follows:</p>
--- a/master/struct.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/struct.html Tue Oct 08 12:49:38 2013 +0200
@@ -2125,6 +2125,13 @@
<dd>
<p>The role value is a set of white-space separated machine-extractable semantic information used to define the purpose of the element.
</p>
+ <p class="issue">The "Value" entry in the attribute definition box above should
+ be a grammar, not a sentence. Maybe we can define a symbol <role> by
+ reference to the ARIA specification, and then define the attribute as taking
+ "role+".</p>
+ <p class="issue">The lacuna value is defined to be "default", but that's not
+ listed as one of the role names in the referenced ARIA section. What does
+ "default" mean?</p>
</dd>
</dl>
--- a/master/types.html Fri Aug 02 14:50:58 2013 +0200
+++ b/master/types.html Tue Oct 08 12:49:38 2013 +0200
@@ -341,7 +341,7 @@
<dd>
<p>An <icccolor> is an ICC color specification. In SVG 1.1,
an ICC color specification is given by a name, which references
- a <a>'color-profile element'</a> element, and one or more color component
+ an <a href="color.html#ColorProfileAtRule">@color-profile rule</a>, and one or more color component
values. The grammar is as follows:</p>
<pre class='grammar'><span id='ICCColor'>icccolor</span> ::= "icc-color(" author-ident (<a href='#CommaWSP'>comma-wsp</a> <a href='#Number'>number</a>)+ ")"</pre>
@@ -4593,7 +4593,8 @@
<h3 id="InterfaceSVGRenderingIntent">Interface SVGRenderingIntent</h3>
<p>The <a>SVGRenderingIntent</a> interface defines the enumerated list of
-possible values for <a>'color-profile/rendering-intent'</a> attributes or descriptors.</p>
+possible values for the <a href="color.html#RenderingIntentProperty">‘rendering-intent’</a> descriptor
+on an <a href="color.html#ColorProfileAtRule">@color-profile rule</a>.</p>
<pre class="idl">[NoInterfaceObject]
interface <b>SVGRenderingIntent</b> {