内容表

• Usage context
• 属性
• DOM Interface
• 范例
• 规范
• 浏览器兼容性
• 另请参阅

<animateColor>

1. <animate>
2. <animatecolor>
3. <animatemotion>
4. <animatetransform>
5. <discard>
6. <mpath>
7. <set>
8. SVG 元素

   1. A
      1. <a>
      2. <altGlyph>
      3. <altGlyphDef>
      4. <altGlyphItem>
      5. <animate>
      6. <animateColor>
      7. <animateMotion>
      8. <animateTransform>
   2. B-C
      1. <circle>
      2. <clipPath>
      3. <color-profile>
      4. <cursor>
   3. D
      1. <defs>
      2. <desc>
   4. E
      1. <ellipse>
   5. F
      1. <feBlend>
      2. <feColorMatrix>
      3. <feComponentTransfer>
      4. <feComposite>
      5. <feConvolveMatrix>
      6. <feDiffuseLighting>
      7. <feDisplacementMap>
      8. <feDistantLight>
      9. <feFlood>
      10. <feFuncA>
      11. <feFuncB>
      12. <feFuncG>
      13. <feFuncR>
      14. <feGaussianBlur>
      15. <feImage>
      16. <feMerge>
      17. <feMergeNode>
      18. <feMorphology>
      19. <feOffset>
      20. <fePointLight>
      21. <feSpecularLighting>
      22. <feSpotLight>
      23. <feTile>
      24. <feTurbulence>
      25. <filter>
      26. <font>
      27. <font-face>
      28. <font-face-format>
      29. <font-face-name>
      30. <font-face-src>
      31. <font-face-uri>
      32. <foreignObject>
   6. G
      1. <g>
      2. <glyph>
      3. <glyphRef>
   7. H
      1. <hkern>
   8. I
      1. <image>
   9. J-L
      1. <line>
      2. <linearGradient>
   10. M
       1. <marker>
       2. <mask>
       3. <metadata>
       4. <missing-glyph>
       5. <mpath>
   11. N-P
       1. <path>
       2. <pattern>
       3. <polygon>
       4. <polyline>
   12. Q-R
       1. <radialGradient>
       2. <rect>
   13. S
       1. <script>
       2. <set>
       3. <stop>
       4. <style>
       5. <svg>
       6. <switch>
       7. <symbol>
   14. T
       1. <text>
       2. <textPath>
       3. <title>
       4. <tref>
       5. <tspan>
   15. U
       1. <use>
   16. V-Z
       1. <view>
       2. <vkern>

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

警告： This element has been deprecated in SVG 1.1 Second Edition and may be removed in a future version of SVG. It provides no features not already available by using the <animate> element. So, authors should use the <animate> element instead.

<animateColor> SVG element specifies a color transformation over time.

Usage context

类别	Basic shape element, Graphics element, Shape element
准许内容	Any number of the following elements, in any order: Descriptive elements

属性

全局属性

• Conditional processing attributes
• Core attributes
• Animation event attributes
• Xlink attributes
• Animation attribute target attributes
• Animation timing attributes
• Animation value attributes
• Animation addition attributes

Specific attributes

• by
• from
• to

DOM Interface

This element implements the SVGAnimateColorElement 接口。

范例

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


>



					

结果

规范

规范
Scalable Vector Graphics (SVG) 1.1 (Second Edition) (SVG) # AnimateColorElement

浏览器兼容性

BCD tables only load in the browser

另请参阅

• <animate>

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者