Angular SVG动画Web动画API

我使用“Web动画API”为项目创建动画。在chrome中，一切正常。但到目前为止，马兹拉和萨法尔仍然在那里。Safari只是跳过此动画。但马兹拉犯了一个严重的错误

错误的本质是我操作svg元素的元素

是的，我知道这只能通过SVG2标准实现。但也许还有另一个解决方案，polyfills

我试过r，attr.r

---

谢谢您的帮助。

恐怕不是Firefox返回了该错误，而是Angular。Web动画API要求浏览器仅读取可以设置动画的属性或自定义属性。不能设置动画的属性必须以静默方式忽略。因此，Firefox会自动忽略任何使用Web动画API设置“r”属性动画的尝试

然而，这就是你在这里遇到的

---

我建议将您的问题重新标记为角度问题，或者直接切换到使用Web动画API。

感谢大家为解决问题提供的提示。 提示：在发布SVG 2.0标准之前，不要尝试操作SVG元素的属性。（仅正常工作） 对于我自己，我用Transfrom属性：scale（）替换属性“R”。

---

+我读过的很多文档都提到优化，并且需要操作transfrom的属性。

在不知道任何信息的情况下，提到了polyfill。不幸的是，这并不能解决我的问题。