- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Fri, 17 Jan 2014 05:58:42 -0800
- 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"><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'>
<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"><funciri></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