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