We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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

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

用法

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

属性

全局属性

特定属性

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!

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

 

 

 

文档标签和贡献者

此页面的贡献者: xgqfrms-GitHub, Sebastianz, fanxiaojie
最后编辑者: xgqfrms-GitHub,