animateColor - SVG 编辑

已废弃
该特性已经从 Web 标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。

该元素在SVG1.1 第二版中不建议使用，在将来的SVG版本中可能被移除。它提供的功能，在<animate>元素中都可用，而且不能在火狐或Internet Explorer中实现。作者必须使用<animate>元素代替它。

<animateColor> SVG元素指定了一个颜色随着时间的变换。

用法

类别	基本元素, 图形元素, 形状元素
允许的内容物	任意数量、任意排序的下列元素： 描述性元素

属性

全局属性

• 条件处理属性 »
• 核心属性 »
• 动画事件属性 »
• Xlink属性 »
• 动画属性目标属性 »
• 动画定时属性 »
• 动画值属性 »
• 动画累加属性 »
• externalResourcesRequired »

特定属性

• by
• from
• to

DOM Interface

This element implements the SVGAnimateColorElement interface.

Example

SVG

<svg width="120" height="120" xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="50">
    <animateColor attributeName="fill" attributeType="XML"
        from="black" to="red" dur="6s" repeatCount="indefinite"/>
  </circle>
</svg>

Result

Specifications

Specification	Status	Comment
Scalable Vector Graphics (SVG) 1.1 (Second Edition) <animateColor>	Recommendation	Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Edge	Firefox (Gecko)	IE	Opera	Safari
Basic support	未实现	未实现	未实现	未实现	未实现	?

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	?	?	?	?

See also

• <animate>