我使用“Web Animations API”为项目创建动画。在 chrome 中一切正常。但到还没有在 mazilla 和 safar 那里。 Safari 只是跳过了这个动画。但是 mazilla 犯了一个严重的错误。
错误的本质是我操纵了svg元素的元素。
是的，我知道这只能通过 SVG2 标准来完成。但也许还有另一种解决方案，polyfills ...
我试过 r，attr.r...
感谢您的帮助。
【问题讨论】：
标签： angular animation svg web-animations
恐怕不是 Firefox 返回该错误，而是 Angular。 Web Animations API 要求浏览器只读取可以设置动画的属性或自定义属性。他们不能动画的属性必须被默默地忽略。因此，Firefox 会默默地忽略任何使用 Web Animations API 为“r”属性设置动画的尝试。
但是，Angular does its own validation 是您在这里遇到的。
我建议将您的问题重新标记为 Angular 问题，或者直接切换到使用 Web Animations API。
【讨论】：
感谢大家提供解决问题的提示。 提示：在发布 SVG 2.0 标准之前，不要尝试操作 SVG 元素的属性。 （只有 Chrome 才能正常工作） 对于我自己，我将属性“R”替换为 Transfrom 属性：scale()。 + 我读过的很多文档都说关于优化并且需要操纵 transfrom 的属性。
【讨论】：