主页 / 问题 / 1156257
Accepted
Leks
Asked:2020-07-23 08:01:34 +0000 UTC2020-07-23 08:01:34 +0000 UTC

如何将椭圆的颜色更改为黄色？

  • 772

为什么动画命令不起作用<animateColor>？

<svg id="svg1" viewBox="0 0 520 520" width="500" style='border: 1px solid black'>
<ellipse cx="100" cy="50"  rx="80" ry="40" fill="red">
<animateColor attributeName="fill" 
         from="red" to="yellow" dur="3s"
         repeatCount="indefinite"/>
</ellipse>
</svg>

svg

1 个回答

  1. Best Answer

    MDN

    此元素<animateColor>在 SVG 1.1 第二版中已弃用，可能会在 SVG 的未来版本中删除。它不提供通过 element 尚不可用的功能<animate>。因此，作者应该使用<animate>.

    替换<animateColor>为<animate>一切正常

    <svg id="svg1" viewBox="0 0 520 520" width="500" style='border: 1px solid black'>
<ellipse cx="100" cy="50"  rx="80" ry="40" fill="red">
<animate attributeName="fill" 
         from="red" to="yellow" dur="3s"
         repeatCount="indefinite"/>
</ellipse>
</svg>

    • 4

相关问题