Google chrome SVG动画不'；我不能在铬上工作

这个动画在Firefox中运行得非常好。。。但不是镀铬的。多边形不设置动画？

有什么想法吗？

Chrome（高达25.0.1364.152版）不完全支持svg

Firefox中也不支持某些svg功能。例如，

animateTransform

标记是svg标记的直接子项，它不会在

Firefox

和

chrome

中为svg设置动画，尽管W3文档说它应该为svg设置动画

---

所以最好在

opera

，

中测试svg，好吧，让我再试一次-没有发现您只是在看多边形。在Chrome中，“动画”似乎不直接作用于多边形，但通过在形状上放置过滤器并设置过滤器区域的动画，可以获得相同的效果。这有点老套，但它能让你达到你想要的目的：

   <filter id="animateClip" x="0%" y="0%" width="100%" height="0%">
         <animate attributeName="height"
         attributeType="XML"
         calcMode="linear"
         dur="1s"
         from="0%"
         to="100%"
         fill="freeze"/>
        <feColorMatrix type="identity"/>
    </filter>

---

colormatrix只是为了给出一个过滤结果。Chrome不喜欢空过滤器。

animateTransform标记是svg标记的直接子项，应该在Firefox中设置动画。如果您有一个不工作的测试用例，请在OK中提出一个bug，这样animateTransform动画svg元素就不是SVG1.1（当前标准）的一部分。建议将其添加到SVG 2中，但目前仍在进行中。@RobertLongson，对不起！但我没有找到任何书面文档，说明在中svg 1.1不包含对svg元素进行动画转换的动画。以下任意数量的元素，按任意顺序排列：animateTransform在元素列表中，我在Opera中测试过，支持该动画。这是什么意思？Opera错误地实现了svg？Plz reply…animateTransform元素为目标元素上的变换属性设置动画。元素没有变换属性。这意味着Opera开始实现SVG 2的某些部分，尽管规范尚未完成。我问的解决方案不是它不起作用的原因：）但无论如何还是要感谢：）类似的问题：和。

   <filter id="animateClip" x="0%" y="0%" width="100%" height="0%">
         <animate attributeName="height"
         attributeType="XML"
         calcMode="linear"
         dur="1s"
         from="0%"
         to="100%"
         fill="freeze"/>
        <feColorMatrix type="identity"/>
    </filter>