W3C home > Mailing lists > Public > public-svg-wg@w3.org > January to March 2014

svg2: ACTION-3558: Remove animatecolor from svg2

From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
Date: Fri, 17 Jan 2014 05:58:42 -0800
Message-Id: <hg.2ddddb3fa3a8.1389967122.3034738116371802840@ps58493.dreamhostps.com>
To: public-svg-wg@w3.org
details:   https://svgwg.org/hg/svg2/rev/2ddddb3fa3a8
branches:  
changeset: 580:2ddddb3fa3a8
user:      Erik Dahlstrom <ed@opera.com>
date:      Fri Jan 17 14:55:53 2014 +0100
description:
ACTION-3558: Remove animatecolor from svg2

diffstat:

 master/animate.html               |  75 +--------------------------------------
 master/changes.html               |   1 +
 master/definitions-filters.xml    |   2 +-
 master/definitions.xml            |  26 ++++--------
 master/feature.html               |   2 +-
 master/idlindex.html              |   1 -
 master/images/animate/anim01.svg  |   6 +-
 master/images/animate/anim01a.svg |   6 +-
 master/images/animate/anim01b.svg |   6 +-
 master/images/animate/anim01c.svg |   6 +-
 master/images/animate/anim01d.svg |   6 +-
 master/linking.html               |   1 -
 master/painting.html              |   8 ++--
 master/propidx.html               |   4 +-
 master/struct.html                |   4 +-
 15 files changed, 36 insertions(+), 118 deletions(-)

diffs (788 lines):

diff --git a/master/animate.html b/master/animate.html
--- a/master/animate.html
+++ b/master/animate.html
@@ -146,27 +146,18 @@ defined in the SMIL Animation specificat
         <td>a convenient shorthand for <a>'animate'</a>, which is useful for
         assigning animation values to non-numeric attributes and
         properties, such as the <a>'visibility'</a> property</td>
       </tr>
       <tr>
         <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>
 
 <table class='vert offset'>
   <tr>
     <td><a>'animateTransform'</a></td>
     <td>modifies one of SVG's transformation attributes over
     time, such as the <a>'transform'</a> attribute</td>
@@ -2197,61 +2188,16 @@ In particular, see <a href="http://www.w
     </table>
   </div>
 <p>For a list of elements that can be animated using the <a>'animateMotion'</a>
 element, see <a href="animate.html#AnimationAttributesAndProperties">Elements,
 attributes and properties that can be animated</a>.</p>
 
 </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">&lt;color&gt;</a> <a href="types.html#DataTypeICCColor">&lt;icccolor&gt;</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'>
 
 <p>The <a>'animateTransform'</a> element animates a transformation attribute
 on a target element, thereby allowing animations to control translation,
 scaling, rotation and/or skewing.</p>
 
@@ -2556,17 +2502,16 @@ is not possible.</p>
 <table class="data">
   <caption>Animatable data types</caption>
   <thead>
     <tr>
       <th>Data type</th>
       <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>
       <th><a href="animate.html#AnimateTransformElement"><span class="element-name">‚€˜animate<br /> Transform‚€™</span></a></th>
       -->
       <th>Notes</th>
     </tr>
   </thead>
@@ -2992,17 +2937,17 @@ invocation takes precedence.
 </dd>
 </dl>
 
 
 <h3 id="InterfaceSVGAnimationElement">Interface SVGAnimationElement</h3>
 
 <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>
 
 
 <p>Unlike other SVG DOM interfaces, the SVG DOM does not specify
 convenience DOM properties corresponding to the various language
 attributes on SVG's animation elements. Specification of these
 convenience properties in a way that will be compatible with future
 versions of SMIL Animation is expected in a future version of SVG. The
@@ -3316,34 +3261,16 @@ element.
 </p>
 <pre class="idl">interface <b>SVGMPathElement</b> : <a class="idlinterface" href="types.html#InterfaceSVGElement">SVGElement</a> {
 };
 
 <a>SVGMPathElement</a> implements <a>SVGURIReference</a>;</pre>
 
 </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>
 
 
 
 <edit:with element='animateTransform'>
 
 <p>The <a>SVGAnimateTransformElement</a> interface corresponds to the
diff --git a/master/changes.html b/master/changes.html
--- a/master/changes.html
+++ b/master/changes.html
@@ -250,16 +250,17 @@ have been made.</p>
 <ul>
   <li>Removed the <span class="attr-name">'contentScriptType'</span> attribute.</li>
 </ul>
 
 <h3 id="animate">Animation chapter</h3>
 
 <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>
 
 <ul>
   <li>Added WOFF requirement, rearranged content.</li>
 </ul>
 
diff --git a/master/definitions-filters.xml b/master/definitions-filters.xml
--- a/master/definitions-filters.xml
+++ b/master/definitions-filters.xml
@@ -137,17 +137,17 @@
     <attribute name='dx' href='#feDropShadowDxAttribute' animatable='yes'/>
     <attribute name='dy' href='#feDropShadowDyAttribute' animatable='yes'/>
   </element>
 
   <element
     name='feFlood'
     href='#feFloodElement'
     contentmodel='anyof'
-    elements='animate, set, animateColor'
+    elements='animate, set'
     attributecategories='core, style, presentation, filter primitive'
     interfaces='SVGFEFloodElement'/>
 
   <element
     name='feFuncR'
     href='#feFuncRElement'
     contentmodel='anyof'
     elements='animate, set'
diff --git a/master/definitions.xml b/master/definitions.xml
--- a/master/definitions.xml
+++ b/master/definitions.xml
@@ -66,23 +66,16 @@
   <element
     name='animate'
     href='animate.html#AnimateElement'
     contentmodel='anyof'
     elementcategories='descriptive'
     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'
       interfaces='SVGAnimateMotionElement'>
     <x:contentmodel xmlns='http://www.w3.org/1999/xhtml'>Any number of <a>descriptive elements</a> and at most one <a>'mpath'</a> element, in any order.</x:contentmodel>
     <!--
     <attribute name='calcMode' href='animate.html#AnimateMotionElementCalcModeAttribute'/>
     -->
@@ -648,17 +641,17 @@
     <attribute name='to' href='animate.html#SetElementToAttribute'/>
   </element>
 
   <element
       name='solidColor'
       href='pservers.html#SolidColorElement'
       contentmodel='anyof'
       elementcategories='paint server'
-      elements='animate, animateColor, set'
+      elements='animate, set'
       attributecategories='core, presentation, style'
       interfaces='SVGSolidColorElement'>
   </element>
 
   <element
       name='source'
       href='embedded.html#SourceElement'
       contentmodel=''
@@ -675,17 +668,17 @@
     
   </element>
 
   <element
       name='stop'
       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'/>
     <attribute name='path'   href='pservers.html#StopElementPathAttribute' animatable='yes'/>
   </element>
 
   <element
       name='style'
@@ -757,17 +750,17 @@
     <attribute name='width' href='text.html#TextElementWidthAttribute' animatable='yes'/>
   </element>
 
   <element
       name='textPath'
       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'>
     <attribute name='d' href='text.html#TextPathElementDAttribute' animatable='yes'/>
     <attribute name='xlink:href' href='text.html#TextPathElementHrefAttribute' animatable='yes'/>
     <attribute name='startOffset' href='text.html#TextPathElementStartOffsetAttribute' animatable='yes'/>
     <attribute name='method' href='text.html#TextPathElementMethodAttribute' animatable='yes'/>
     <attribute name='spacing' href='text.html#TextPathElementSpacingAttribute' animatable='yes'/>
@@ -800,29 +793,29 @@
     
   </element>
 
   <element
       name='tref'
       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'>
     <attribute name='xlink:href' elements='tref' href='text.html#TRefElementHrefAttribute' animatable='yes'/>
   </element>
 
   <element
     name='tspan'
     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'>
   </element>
 
   <element
       name='use'
       href='struct.html#UseElement'
@@ -873,17 +866,17 @@
     name='vkern'
     href='fonts.html#VKernElement'
     attributecategories='core'
     attributes='u1, g1, u2, g2, k'
     interfaces='SVGVKernElement'/>
 
   <!-- ... 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'/>
   <elementcategory name='graphics' href='intro.html#TermGraphicsElement' elements='path, text, rect, circle, ellipse, line, polyline, polygon, image, use, foreignObject, iframe, video, audio, canvas'/>
   <elementcategory name='graphics referencing' href='intro.html#TermGraphicsReferencingElement' elements='use, image, iframe, video, audio'/>
   <elementcategory name='light source' href='intro.html#TermLightSourceElement' elements='feDistantLight, fePointLight, feSpotLight'/>
   <elementcategory name='markable' href='intro.html#TermMarkableElement' elements='path, line, polyline, polygon'/>
   <elementcategory name='paint server' href='intro.html#TermPaintServerElement' elements='solidColor, linearGradient, radialGradient, meshGradient, pattern, hatch'/>
@@ -926,21 +919,21 @@
   <attribute name='rotate' elements='tref, tspan' href='text.html#TSpanElementRotateAttribute' animatable='yes'/>
   <attribute name='textLength' elements='textPath, tref, tspan' href='text.html#TSpanElementTextLengthAttribute' animatable='yes'/>
   <attribute name='lengthAdjust' elements='text, textPath, tref, tspan' href='text.html#TextElementLengthAdjustAttribute' animatable='yes'/>
 
   <!-- attribute common to text content block elements -->
   <!-- <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'/>
   <attribute name='preserveAspectRatio' href='coords.html#PreserveAspectRatioAttribute' animatable='yes'/>
   <attribute name='zoomAndPan' href='interact.html#ZoomAndPanAttribute'/>
 
   <!-- ... attribute categories .......................................... -->
 
@@ -1315,17 +1308,16 @@
   <interface name='SVGAElement' href='linking.html#InterfaceSVGAElement'/>
   <interface name='SVGViewElement' href='linking.html#InterfaceSVGViewElement'/>
   <interface name='SVGScriptElement' href='script.html#InterfaceSVGScriptElement'/>
   <interface name='SVGZoomEvent' href='script.html#InterfaceSVGZoomEvent'/>
   <interface name='SVGAnimateElement' href='animate.html#InterfaceSVGAnimateElement'/>
   <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'/>
   <interface name='SVGFontElement' href='fonts.html#InterfaceSVGFontElement'/>
   <interface name='SVGGlyphElement' href='fonts.html#InterfaceSVGGlyphElement'/>
   <interface name='SVGMissingGlyphElement' href='fonts.html#InterfaceSVGMissingGlyphElement'/>
   <interface name='SVGHKernElement' href='fonts.html#InterfaceSVGHKernElement'/>
   <interface name='SVGVKernElement' href='fonts.html#InterfaceSVGVKernElement'/>
diff --git a/master/feature.html b/master/feature.html
--- a/master/feature.html
+++ b/master/feature.html
@@ -402,17 +402,17 @@ the SVG 1.0 feature strings can be consi
   <dd>
     the <a>'script'</a> element</dd>
 </dl>
 <dl id="Animation">
   <dt>Feature String:</dt>
   <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>
   <dd>http://www.w3.org/TR/SVG11/feature#Font</dd>
   <dt>User Agent Supports:</dt>
   <dd>
     the <a>'font element'</a>, <a>'font-face'</a>, <a>'glyph'</a>, <a>'missing-glyph'</a>, <a>'hkern'</a>, <a>'vkern'</a>, <a>'font-face-src'</a>, <a>'font-face-uri'</a>, <a>'font-face-format'</a> and <a>'font-face-name'</a>  elements</dd>
 </dl>
diff --git a/master/idlindex.html b/master/idlindex.html
--- a/master/idlindex.html
+++ b/master/idlindex.html
@@ -19,17 +19,16 @@
 
 <ul>
   <li><a>GetSVGDocument</a></li>
   <li><a>SVGAElement</a></li>
   <li><a>SVGAltGlyphDefElement</a></li>
   <li><a>SVGAltGlyphElement</a></li>
   <li><a>SVGAltGlyphItemElement</a></li>
   <li><a>SVGAngle</a></li>
-  <li><a>SVGAnimateColorElement</a></li>
   <li><a>SVGAnimateElement</a></li>
   <li><a>SVGAnimateMotionElement</a></li>
   <li><a>SVGAnimateTransformElement</a></li>
   <li><a>SVGAnimatedAngle</a></li>
   <li><a>SVGAnimatedBoolean</a></li>
   <li><a>SVGAnimatedEnumeration</a></li>
   <li><a>SVGAnimatedInteger</a></li>
   <li><a>SVGAnimatedLength</a></li>
diff --git a/master/images/animate/anim01.svg b/master/images/animate/anim01.svg
--- a/master/images/animate/anim01.svg
+++ b/master/images/animate/anim01.svg
@@ -19,32 +19,32 @@
     <animate attributeName="height" attributeType="XML"
              begin="0s" dur="9s" fill="freeze" from="100" to="300" />
   </rect>
 
   <!-- Set up a new user coordinate system so that
         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
            * changes color from blue to dark red
            * rotates from -30 to zero degrees
            * scales by a factor of three. -->
     <text id="TextElement" x="0" y="0"
           font-family="Verdana" font-size="35.27" visibility="hidden"  > 
       It's alive!
       <set attributeName="visibility" attributeType="CSS" to="visible"
            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"
            type="rotate" from="-30" to="0"
            begin="3s" dur="6s" fill="freeze" />
       <animateTransform attributeName="transform" attributeType="XML"
            type="scale" from="1" to="3" additive="sum"
            begin="3s" dur="6s" fill="freeze" />
diff --git a/master/images/animate/anim01a.svg b/master/images/animate/anim01a.svg
--- a/master/images/animate/anim01a.svg
+++ b/master/images/animate/anim01a.svg
@@ -21,33 +21,33 @@
              begin="0s" dur="9s" fill="freeze" from="100" to="300" />
 -->
   </rect>
 
   <!-- Set up a new user coordinate system so that
         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
            * changes color from blue to dark red
            * rotates from -30 to zero degrees
            * scales by a factor of three. -->
     <text id="TextElement" x="0" y="0"
           font-family="Verdana" font-size="35.27" visibility="hidden"  > 
       It's alive!
 <!--
       <set attributeName="visibility" attributeType="CSS" to="visible"
            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"
            type="rotate" from="-30" to="0"
            begin="3s" dur="6s" fill="freeze" />
       <animateTransform attributeName="transform" attributeType="XML"
            type="scale" from="1" to="3" additive="sum"
            begin="3s" dur="6s" fill="freeze" />
diff --git a/master/images/animate/anim01b.svg b/master/images/animate/anim01b.svg
--- a/master/images/animate/anim01b.svg
+++ b/master/images/animate/anim01b.svg
@@ -21,34 +21,34 @@
              begin="0s" dur="9s" fill="freeze" from="100" to="300" />
 -->
   </rect>
 
   <!-- Set up a new user coordinate system so that
         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
            * changes color from blue to dark red
            * rotates from -30 to zero degrees
            * scales by a factor of three. -->
 <g transform="translate(0,0) rotate(-30) scale(1)" fill="rgb(0,0,255)">
     <text id="TextElement" x="0" y="0"
           font-family="Verdana" font-size="35.27" visibility="visible"  > 
       It's alive!
 <!--
       <set attributeName="visibility" attributeType="CSS" to="visible"
            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"
            type="rotate" from="-30" to="0"
            begin="3s" dur="6s" fill="freeze" />
       <animateTransform attributeName="transform" attributeType="XML"
            type="scale" from="1" to="3" additive="sum"
            begin="3s" dur="6s" fill="freeze" />
diff --git a/master/images/animate/anim01c.svg b/master/images/animate/anim01c.svg
--- a/master/images/animate/anim01c.svg
+++ b/master/images/animate/anim01c.svg
@@ -21,34 +21,34 @@
              begin="0s" dur="9s" fill="freeze" from="100" to="300" />
 -->
   </rect>
 
   <!-- Set up a new user coordinate system so that
         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
            * changes color from blue to dark red
            * rotates from -30 to zero degrees
            * scales by a factor of three. -->
 <g transform="translate(50,50)  rotate(-15) scale(2)" fill="rgb(64,0,128)">
     <text id="TextElement" x="0" y="0"
           font-family="Verdana" font-size="35.27" visibility="visible"  > 
       It's alive!
 <!--
       <set attributeName="visibility" attributeType="CSS" to="visible"
            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"
            type="rotate" from="-30" to="0"
            begin="3s" dur="6s" fill="freeze" />
       <animateTransform attributeName="transform" attributeType="XML"
            type="scale" from="1" to="3" additive="sum"
            begin="3s" dur="6s" fill="freeze" />
diff --git a/master/images/animate/anim01d.svg b/master/images/animate/anim01d.svg
--- a/master/images/animate/anim01d.svg
+++ b/master/images/animate/anim01d.svg
@@ -21,34 +21,34 @@
              begin="0s" dur="9s" fill="freeze" from="100" to="300" />
 -->
   </rect>
 
   <!-- Set up a new user coordinate system so that
         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
            * changes color from blue to dark red
            * rotates from -30 to zero degrees
            * scales by a factor of three. -->
 <g transform="translate(100,100)  rotate(0) scale(3)" fill="rgb(128,0,0)">
     <text id="TextElement" x="0" y="0"
           font-family="Verdana" font-size="35.27" visibility="visible"  > 
       It's alive!
 <!--
       <set attributeName="visibility" attributeType="CSS" to="visible"
            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"
            type="rotate" from="-30" to="0"
            begin="3s" dur="6s" fill="freeze" />
       <animateTransform attributeName="transform" attributeType="XML"
            type="scale" from="1" to="3" additive="sum"
            begin="3s" dur="6s" fill="freeze" />
diff --git a/master/linking.html b/master/linking.html
--- a/master/linking.html
+++ b/master/linking.html
@@ -165,17 +165,16 @@ agents.)</p>
 
 <p>The following list describes the elements and properties that allow IRI
 references and the valid target types for those references:</p>
 
 <ul>
   <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>
   <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>
   <li>the <a>'fill'</a> property (see <a href="painting.html#SpecifyingPaint">Specifying paint</a> for reference rules)</li>
diff --git a/master/painting.html b/master/painting.html
--- a/master/painting.html
+++ b/master/painting.html
@@ -3406,17 +3406,17 @@ specified to render in that order?</p>
   </tr>
   <tr>
     <th>Initial:</th>
     <td>sRGB</td>
   </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>
+    <a>gradient elements</a> and <a>'animate'</a></td>
   </tr>
   <tr>
     <th>Inherited:</th>
     <td>yes</td>
   </tr>
   <tr>
     <th>Percentages:</th>
     <td>N/A</td>
@@ -3437,18 +3437,18 @@ specified to render in that order?</p>
 
 <p>The SVG user agent performs color interpolations and compositing
 at various points as it processes SVG content.  The <a>'color-interpolation'</a>
 property controls which color space is used for the following graphics operations:</p>
 
 <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>
 </ul>
 
 <p class="note">For <a href="filters.html">filter effects</a>, the
 <a>'color-interpolation-filters'</a> property controls which color space is used.
 [<a href="refs.html#ref-FILTERS">FILTERS</a>]</p>
@@ -3585,17 +3585,17 @@ on the element being animated.</p>
     <td>auto | optimizeSpeed | optimizeQuality</td>
   </tr>
   <tr>
     <th>Initial:</th>
     <td>auto</td>
   </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>
     <td>yes</td>
   </tr>
   <tr>
     <th>Percentages:</th>
     <td>N/A</td>
diff --git a/master/propidx.html b/master/propidx.html
--- a/master/propidx.html
+++ b/master/propidx.html
@@ -115,27 +115,27 @@ other specifications.</p>
           <td>N/A</td>
           <td><a href="http://www.w3.org/TR/2008/REC-CSS2-20080411/media.html#visual-media-group">visual</a></td>
           <td>yes</td>
         </tr>
         <tr>
           <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>
           <td>yes</td>
         </tr>
         <tr>
           <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>
           <td>yes</td>
         </tr>
         <tr>
           <th><a>'cursor property'</a></th>
           <td>[ [<a href="types.html#DataTypeFuncIRI">&lt;funciri&gt;</a>
diff --git a/master/struct.html b/master/struct.html
--- a/master/struct.html
+++ b/master/struct.html
@@ -1462,17 +1462,17 @@ other elements (such as via a <a>'use'</
   <a>'pattern'</a> and <a>'symbol'</a> elements or on <a>gradient elements</a>.</li>
 
   <li><a>'requiredFeatures'</a>, <a>'requiredExtensions'</a> and <a>'systemLanguage'</a> attributes do not
   apply to the <a>'defs'</a>, and
   <a>'cursor element'</a> elements because
   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>
 
 <h3 id="SwitchElement">The <span class='element-name'>'switch'</span> element</h3>
 
 <edit:elementsummary name='switch'/>
 
@@ -1684,17 +1684,17 @@ section.  We should just describe this o
   <a>'mask element'</a>, <a>'clipPath'</a>, <a>'linearGradient'</a>,
   <a>'radialGradient'</a> and <a>'pattern'</a> elements. The
   test attributes on a referenced element do not affect the
   rendering of the referencing element.</li>
 
   <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>
 
 <h2 id="CommonAttributes">Common attributes</h2>
 
 <h3 id="Core.attrib">Attributes common to all elements: <span class='attr-name'>'id'</span> and <span class='attr-name'>'xml:base'</span></h3>
 
 <p>The <a>'id'</a> and <a>'xml:base'</a> attributes are available on all SVG elements:</p>
Received on Friday, 17 January 2014 13:59:07 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 17:29:55 UTC