--- a/master/animate.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/animate.html Fri Jan 17 14:55:53 2014 +0100
@@ -151,17 +151,8 @@
<td><a>'animateMotion'</a></td>
<td>moves an element along a motion path</td>
</tr>
- <tr>
- <td><a>'animateColor'</a></td>
- <td>modifies the color value of particular attributes or
- properties over time</td>
- </tr>
</table>
-<p>Although SVG defines <a>'animateColor'</a>, its use is deprecated in
-favor of simply using the <a>'animate'</a> element to target properties
-that can take color values.</p>
-
<p id="SVGExtensionsToSMILAnimation">Additionally, SVG includes the following compatible
extensions to SMIL Animation:</p>
@@ -2202,51 +2193,6 @@
</edit:with>
-<h3 id="AnimateColorElement">The <span class="element-name">'animateColor'</span> element</h3>
-
-<edit:with element='animateColor'>
-
-<p>The <a>'animateColor'</a> element specifies a color transformation
-over time.</p>
-
-<p>Except for any SVG-specific rules explicitly mentioned in this
-specification, the normative definition for this element 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/#animateColorElement">SMIL Animation: 'animateColor' element</a>
-([<a href="refs.html#ref-SMILANIM">SMILANIM</a>], section 4.4).</p>
-
-<edit:elementsummary name='animateColor'/>
-
-<p>The <a>'from'</a>, <a>'by'</a> and <a>'to'</a> attributes take color
-values, where each color value is expressed using the following syntax (the
-same syntax as used in SVG's properties that can take color values):</p>
-
-<pre><a href="types.html#DataTypeColor"><color></a> <a href="types.html#DataTypeICCColor"><icccolor></a>?</pre>
-
-<p>The <a>'values'</a> attribute for the <a>'animateColor'</a> element
-consists of a semicolon-separated list of color values, with each color
-value expressed in the above syntax.</p>
-
-<p>Out of range color values can be provided, but user agent processing
-will be implementation dependent. User agents should clamp color
-values to allow color range values as late as possible, but note that
-system differences might preclude consistent behavior across different
-systems.</p>
-
-<p>The <a>'color-interpolation'</a> property applies to color interpolations
-that result from <a>'animateColor'</a> animations.</p>
-
-<p>The use of <a>'animateColor'</a> is deprecated, since all of its functionality
-can be achieved simply by using <a>'animate'</a> to target properties that
-can take color values. The <a>'animateColor'</a> element may be dropped from
-a future version of the SVG specification.</p>
-
-<p>For a list of attributes and properties that can be animated using the
-<a>'animateColor'</a> element, see
-<a href="animate.html#AnimationAttributesAndProperties">Elements, attributes and properties that can be animated</a>.</p>
-
-</edit:with>
-
<h3 id="AnimateTransformElement">The <span class="element-name">'animateTransform'</span> element</h3>
<edit:with element='animateTransform'>
@@ -2561,7 +2507,6 @@
<th>Additive?</th>
<th><a>'animate'</a></th>
<th><a>'set'</a></th>
- <th><a>'animateColor'</a></th>
<th><a>'animateTransform'</a></th>
<!--
<th><a href="animate.html#AnimateColorElement"><span class="element-name">‘animate<br /> Color’</span></a></th>
@@ -2997,7 +2942,7 @@
<p>The <a>SVGAnimationElement</a> interface is the base interface for all
of the animation element interfaces: <a>SVGAnimateElement</a>,
-<a>SVGSetElement</a>, <a>SVGAnimateColorElement</a>,
+<a>SVGSetElement</a>,
<a>SVGAnimateMotionElement</a> and <a>SVGAnimateTransformElement</a>.</p>
@@ -3321,24 +3266,6 @@
</edit:with>
-<h3 id="InterfaceSVGAnimateColorElement">Interface SVGAnimateColorElement</h3>
-
-
-
-<edit:with element='animateColor'>
-
-<p>The <a>SVGAnimateColorElement</a> interface corresponds to the
-<a>'animateColor'</a> element.
-</p>
-
-
-<p>Object-oriented access to the attributes of the <a>'animateColor'</a>
-element via the SVG DOM is not available.
-</p>
-<pre class="idl">interface <b>SVGAnimateColorElement</b> : <a class="idlinterface" href="animate.html#InterfaceSVGAnimationElement">SVGAnimationElement</a> {
-};</pre>
-
-</edit:with>
<h3 id="InterfaceSVGAnimateTransformElement">Interface SVGAnimateTransformElement</h3>
--- a/master/changes.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/changes.html Fri Jan 17 14:55:53 2014 +0100
@@ -255,6 +255,7 @@
<ul>
<li>Folded the ElementTimeControl interface into <a>SVGAnimationElement</a>.</li>
+ <li class="added-since-last-wd">Removed the <span class="element-name">animateColor</span> element.</li>
</ul>
<h3 id="fonts">Fonts chapter</h3>
--- a/master/definitions-filters.xml Fri Jan 17 18:12:41 2014 +0900
+++ b/master/definitions-filters.xml Fri Jan 17 14:55:53 2014 +0100
@@ -142,7 +142,7 @@
name='feFlood'
href='#feFloodElement'
contentmodel='anyof'
- elements='animate, set, animateColor'
+ elements='animate, set'
attributecategories='core, style, presentation, filter primitive'
interfaces='SVGFEFloodElement'/>
--- a/master/definitions.xml Fri Jan 17 18:12:41 2014 +0900
+++ b/master/definitions.xml Fri Jan 17 14:55:53 2014 +0100
@@ -71,13 +71,6 @@
attributecategories='conditional processing, core, animation event, xlink, animation attribute target, animation timing, animation value, animation addition, presentation'
interfaces='SVGAnimateElement'/>
<element
- name='animateColor'
- href='animate.html#AnimateColorElement'
- contentmodel='anyof'
- elementcategories='descriptive'
- attributecategories='conditional processing, core, animation event, xlink, animation attribute target, animation timing, animation value, animation addition, presentation, aria, navigation'
- interfaces='SVGAnimateColorElement'/>
- <element
name='animateMotion'
href='animate.html#AnimateMotionElement'
attributecategories='conditional processing, core, animation event, xlink, animation timing, animation value, animation addition'
@@ -653,7 +646,7 @@
href='pservers.html#SolidColorElement'
contentmodel='anyof'
elementcategories='paint server'
- elements='animate, animateColor, set'
+ elements='animate, set'
attributecategories='core, presentation, style'
interfaces='SVGSolidColorElement'>
</element>
@@ -680,7 +673,7 @@
href='pservers.html#StopElement'
contentmodel='anyof'
elementcategories='paint server'
- elements='animate, animateColor, set'
+ elements='animate, set'
attributecategories='core, presentation, style'
interfaces='SVGStopElement'>
<attribute name='offset' href='pservers.html#StopElementOffsetAttribute' animatable='yes'/>
@@ -762,7 +755,7 @@
href='text.html#TextPathElement'
contentmodel='textoranyof'
elementcategories='descriptive, paint server'
- elements='animate, animateColor, a, set, tspan, tref, altGlyph, mask, clipPath, marker'
+ elements='animate, a, set, tspan, tref, altGlyph, mask, clipPath, marker'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
attributes='lengthAdjust, textLength'
interfaces='SVGTextPathElement'>
@@ -805,7 +798,7 @@
href='text.html#TRefElement'
contentmodel='anyof'
elementcategories='descriptive, paint server'
- elements='animate, animateColor, set'
+ elements='animate, set'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style, xlink'
attributes='x, y, dx, dy, rotate, textLength, lengthAdjust'
interfaces='SVGTRefElement'>
@@ -817,7 +810,7 @@
href='text.html#TSpanElement'
contentmodel='textoranyof'
elementcategories='descriptive, paint server'
- elements='a, animate, animateColor, set, tspan, tref, altGlyph'
+ elements='a, animate, set, tspan, tref, altGlyph'
attributecategories='aria, navigation, conditional processing, core, graphical event, presentation, style'
attributes='x, y, dx, dy, rotate, textLength, lengthAdjust'
interfaces='SVGTSpanElement'>
@@ -878,7 +871,7 @@
<!-- ... element categories ............................................ -->
- <elementcategory name='animation' href='intro.html#TermAnimationElement' elements='animate, animateColor, animateMotion, animateTransform, discard, set'/>
+ <elementcategory name='animation' href='intro.html#TermAnimationElement' elements='animate, animateMotion, animateTransform, discard, set'/>
<elementcategory name='container' href='intro.html#TermContainerElement' elements='svg, g, defs, symbol, mask, pattern, marker, a, switch, glyph, missing-glyph'/>
<elementcategory name='descriptive' href='intro.html#TermDescriptiveElement' elements='desc, title, metadata'/>
<elementcategory name='gradient' href='intro.html#TermGradientElement' elements='linearGradient, radialGradient, meshGradient'/>
@@ -931,11 +924,11 @@
<!-- <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, 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, 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 common to all animation elements -->
- <attribute name='xlink:href' elements='animate, animateColor, animateMotion, animateTransform, set' href='animate.html#HrefAttribute'/>
+ <attribute name='xlink:href' elements='animate, animateMotion, animateTransform, set' href='animate.html#HrefAttribute'/>
<!-- misc: Applies to all <element>s that include attribute name in 'attribute'. -->
<attribute name='viewBox' href='coords.html#ViewBoxAttribute' animatable='yes'/>
@@ -1320,7 +1313,6 @@
<interface name='SVGSetElement' href='animate.html#InterfaceSVGSetElement'/>
<interface name='SVGAnimateMotionElement' href='animate.html#InterfaceSVGAnimateMotionElement'/>
<interface name='SVGMPathElement' href='animate.html#InterfaceSVGMPathElement'/>
- <interface name='SVGAnimateColorElement' href='animate.html#InterfaceSVGAnimateColorElement'/>
<interface name='SVGAnimateTransformElement' href='animate.html#InterfaceSVGAnimateTransformElement'/>
<interface name='TimeEvent' href='animate.html#InterfaceTimeEvent'/>
<interface name='SVGAnimationElement' href='animate.html#InterfaceSVGAnimationElement'/>
--- a/master/feature.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/feature.html Fri Jan 17 14:55:53 2014 +0100
@@ -407,7 +407,7 @@
<dd>http://www.w3.org/TR/SVG11/feature#Animation</dd>
<dt>User Agent Supports:</dt>
<dd>
- the <a>'animate'</a>, <a>'set'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a>, <a>'animateColor'</a> and <a>'mpath'</a> elements</dd>
+ the <a>'animate'</a>, <a>'set'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a> and <a>'mpath'</a> elements</dd>
</dl>
<dl id="Font">
<dt>Feature String:</dt>
--- a/master/idlindex.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/idlindex.html Fri Jan 17 14:55:53 2014 +0100
@@ -24,7 +24,6 @@
<li><a>SVGAltGlyphElement</a></li>
<li><a>SVGAltGlyphItemElement</a></li>
<li><a>SVGAngle</a></li>
- <li><a>SVGAnimateColorElement</a></li>
<li><a>SVGAnimateElement</a></li>
<li><a>SVGAnimateMotionElement</a></li>
<li><a>SVGAnimateTransformElement</a></li>
--- a/master/images/animate/anim01.svg Fri Jan 17 18:12:41 2014 +0900
+++ b/master/images/animate/anim01.svg Fri Jan 17 14:55:53 2014 +0100
@@ -24,8 +24,8 @@
the text string's origin is at (0,0), allowing
rotation and scale relative to the new origin -->
<g transform="translate(100,100)" >
- <!-- The following illustrates the use of the 'set', 'animateMotion',
- 'animateColor' and 'animateTransform' elements. The 'text' element
+ <!-- The following illustrates the use of the 'set', 'animateMotion'
+ and 'animateTransform' elements. The 'text' element
below starts off hidden (i.e., invisible). At 3 seconds, it:
* becomes visible
* continuously moves diagonally across the viewport
@@ -39,7 +39,7 @@
begin="3s" dur="6s" fill="freeze" />
<animateMotion path="M 0 0 L 100 100"
begin="3s" dur="6s" fill="freeze" />
- <animateColor attributeName="fill" attributeType="CSS"
+ <animate attributeName="fill" attributeType="CSS"
from="rgb(0,0,255)" to="rgb(128,0,0)"
begin="3s" dur="6s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
--- a/master/images/animate/anim01a.svg Fri Jan 17 18:12:41 2014 +0900
+++ b/master/images/animate/anim01a.svg Fri Jan 17 14:55:53 2014 +0100
@@ -26,8 +26,8 @@
the text string's origin is at (0,0), allowing
rotation and scale relative to the new origin -->
<g transform="translate(100,100)" >
- <!-- The following illustrates the use of the 'set', 'animateMotion',
- 'animateColor' and 'animateTransform' elements. The 'text' element
+ <!-- The following illustrates the use of the 'set', 'animateMotion'
+ and 'animateTransform' elements. The 'text' element
below starts off hidden (i.e., invisible). At 3 seconds, it:
* becomes visible
* continuously moves diagonally across the viewport
@@ -42,7 +42,7 @@
begin="3s" dur="6s" fill="freeze" />
<animateMotion path="M 0 0 L 100 100"
begin="3s" dur="6s" fill="freeze" />
- <animateColor attributeName="fill" attributeType="CSS"
+ <animate attributeName="fill" attributeType="CSS"
from="rgb(0,0,255)" to="rgb(128,0,0)"
begin="3s" dur="6s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
--- a/master/images/animate/anim01b.svg Fri Jan 17 18:12:41 2014 +0900
+++ b/master/images/animate/anim01b.svg Fri Jan 17 14:55:53 2014 +0100
@@ -26,8 +26,8 @@
the text string's origin is at (0,0), allowing
rotation and scale relative to the new origin -->
<g transform="translate(100,100)" >
- <!-- The following illustrates the use of the 'set', 'animateMotion',
- 'animateColor' and 'animateTransform' elements. The 'text' element
+ <!-- The following illustrates the use of the 'set', 'animateMotion'
+ and 'animateTransform' elements. The 'text' element
below starts off hidden (i.e., invisible). At 3 seconds, it:
* becomes visible
* continuously moves diagonally across the viewport
@@ -43,7 +43,7 @@
begin="3s" dur="6s" fill="freeze" />
<animateMotion path="M 0 0 L 100 100"
begin="3s" dur="6s" fill="freeze" />
- <animateColor attributeName="fill" attributeType="CSS"
+ <animate attributeName="fill" attributeType="CSS"
from="rgb(0,0,255)" to="rgb(128,0,0)"
begin="3s" dur="6s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
--- a/master/images/animate/anim01c.svg Fri Jan 17 18:12:41 2014 +0900
+++ b/master/images/animate/anim01c.svg Fri Jan 17 14:55:53 2014 +0100
@@ -26,8 +26,8 @@
the text string's origin is at (0,0), allowing
rotation and scale relative to the new origin -->
<g transform="translate(100,100)" >
- <!-- The following illustrates the use of the 'set', 'animateMotion',
- 'animateColor' and 'animateTransform' elements. The 'text' element
+ <!-- The following illustrates the use of the 'set', 'animateMotion'
+ and 'animateTransform' elements. The 'text' element
below starts off hidden (i.e., invisible). At 3 seconds, it:
* becomes visible
* continuously moves diagonally across the viewport
@@ -43,7 +43,7 @@
begin="3s" dur="6s" fill="freeze" />
<animateMotion path="M 0 0 L 100 100"
begin="3s" dur="6s" fill="freeze" />
- <animateColor attributeName="fill" attributeType="CSS"
+ <animate attributeName="fill" attributeType="CSS"
from="rgb(0,0,255)" to="rgb(128,0,0)"
begin="3s" dur="6s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
--- a/master/images/animate/anim01d.svg Fri Jan 17 18:12:41 2014 +0900
+++ b/master/images/animate/anim01d.svg Fri Jan 17 14:55:53 2014 +0100
@@ -26,8 +26,8 @@
the text string's origin is at (0,0), allowing
rotation and scale relative to the new origin -->
<g transform="translate(100,100)" >
- <!-- The following illustrates the use of the 'set', 'animateMotion',
- 'animateColor' and 'animateTransform' elements. The 'text' element
+ <!-- The following illustrates the use of the 'set', 'animateMotion'
+ and 'animateTransform' elements. The 'text' element
below starts off hidden (i.e., invisible). At 3 seconds, it:
* becomes visible
* continuously moves diagonally across the viewport
@@ -43,7 +43,7 @@
begin="3s" dur="6s" fill="freeze" />
<animateMotion path="M 0 0 L 100 100"
begin="3s" dur="6s" fill="freeze" />
- <animateColor attributeName="fill" attributeType="CSS"
+ <animate attributeName="fill" attributeType="CSS"
from="rgb(0,0,255)" to="rgb(128,0,0)"
begin="3s" dur="6s" fill="freeze" />
<animateTransform attributeName="transform" attributeType="XML"
--- a/master/linking.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/linking.html Fri Jan 17 14:55:53 2014 +0100
@@ -170,7 +170,6 @@
<li>the <a>'a'</a> element can reference any local or non-local resource</li>
<li>the <a>'altGlyph'</a> element must reference either an <a>'altGlyphDef'</a> element or a <a>'glyph'</a> element</li>
<li>the <a>'animate'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
- <li>the <a>'animateColor'</a> element (see <a href="animate.html#TargetElement">Identifying the target element for an animation</a> for reference rules)</li>
<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>
--- a/master/painting.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/painting.html Fri Jan 17 14:55:53 2014 +0100
@@ -3411,7 +3411,7 @@
<tr>
<th>Applies to:</th>
<td><a>container elements</a>, <a>graphics elements</a>,
- <a>gradient elements</a>, <a>'animate'</a> and <a>'animateColor'</a></td>
+ <a>gradient elements</a> and <a>'animate'</a></td>
</tr>
<tr>
<th>Inherited:</th>
@@ -3442,8 +3442,8 @@
<ul>
<li>interpolating between <a href="pservers.html#Gradients">gradient</a> stops,</li>
- <li>interpolating color when performing color animations with either
- <a>'animate'</a> or <a>'animateColor'</a>,</li>
+ <li>interpolating color when performing color animations with
+ <a>'animate'</a>,</li>
<li>and <a href="masking.html#SimpleAlphaBlending">alpha compositing</a> of
<a>graphics elements</a> into the current background.</li>
@@ -3590,7 +3590,7 @@
</tr>
<tr>
<th>Applies to:</th>
- <td><a>container elements</a>, <a>graphics elements</a>, <a>gradient elements</a>, <a>'animate'</a> and <a>'animateColor'</a></td>
+ <td><a>container elements</a>, <a>graphics elements</a>, <a>gradient elements</a> and <a>'animate'</a></td>
</tr>
<tr>
<th>Inherited:</th>
--- a/master/propidx.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/propidx.html Fri Jan 17 14:55:53 2014 +0100
@@ -120,7 +120,7 @@
<th><a>'color-interpolation'</a></th>
<td>auto | sRGB | linearRGB </td>
<td>sRGB</td>
- <td><a>container elements</a>, <a>graphics elements</a> and <a>'animateColor'</a></td>
+ <td><a>container elements</a>, <a>graphics elements</a> and <a>'animate'</a></td>
<td>yes</td>
<td>N/A</td>
<td><a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group">visual</a></td>
@@ -130,7 +130,7 @@
<th><a>'color-rendering'</a></th>
<td>auto | optimizeSpeed | optimizeQuality </td>
<td>auto</td>
- <td><a>container elements</a>, <a>graphics elements</a> and <a>'animateColor'</a></td>
+ <td><a>container elements</a>, <a>graphics elements</a> and <a>'animate'</a></td>
<td>yes</td>
<td>N/A</td>
<td><a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group">visual</a></td>
--- a/master/struct.html Fri Jan 17 18:12:41 2014 +0900
+++ b/master/struct.html Fri Jan 17 14:55:53 2014 +0100
@@ -1467,7 +1467,7 @@
they are not part of the rendering tree.</li>
<li><a>'requiredFeatures'</a>, <a>'requiredExtensions'</a> and <a>'systemLanguage'</a> attributes affect
- <a>'animate'</a>, <a>'animateColor'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a>, and <a>'set'</a> elements. If the
+ <a>'animate'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a>, and <a>'set'</a> elements. If the
conditional statement on these animation elements fails, the
animation will never be triggered.</li>
</ul>
@@ -1689,7 +1689,7 @@
<li>the test attributes do not effect the <a>'defs'</a>, and <a>'cursor element'</a> elements as they are not
part of the rendering tree.</li>
- <li>an animation element (<a>'animate'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a>, <a>'animateColor'</a> and <a>'set'</a>) will never be triggered if
+ <li>an animation element (<a>'animate'</a>, <a>'animateMotion'</a>, <a>'animateTransform'</a> and <a>'set'</a>) will never be triggered if
it has a test attribute that evaluates to false.</li>
</ul>