SVG 动画 Web 动画 API
SVG animate Web animate API
我使用 "Web Animations API" 为项目创建动画。在 chrome 中一切正常。但还没有在 mazilla 和 safar 那里。 Safari 只是跳过这个动画。但是 mazilla 犯了一个严重的错误。
错误的本质是我操作了svg元素的元素
是的，我知道这只能用 SVG2 标准来完成。但也许还有另一种解决方案，polyfills ...
我试过 r，attr.r...
感谢您的帮助。
恐怕不是 Firefox 返回了那个错误，而是 Angular。 Web 动画 API 要求浏览器只读取它们可以动画化的属性或自定义属性。它们无法激活的属性必须被默默地忽略。结果，Firefox 默默地忽略了使用 Web 动画 API.
对 'r' 属性 进行动画处理的任何尝试
但是，Angular does its own validation 这就是您在这里遇到的情况。
我建议将您的问题重新标记为 Angular 问题，或者直接切换到使用网络动画 API。
感谢大家的提示问题已解决。
提示：在发布 SVG 2.0 标准之前，不要尝试操作 SVG 元素的属性。 （仅 Chrome 正确工作）
对于我自己，我将属性 "R" 替换为 Transfrom 属性: scale()。
+ 我读过的很多文档都说优化，需要操作 transfrom 的属性。
我使用 "Web Animations API" 为项目创建动画。在 chrome 中一切正常。但还没有在 mazilla 和 safar 那里。 Safari 只是跳过这个动画。但是 mazilla 犯了一个严重的错误。
错误的本质是我操作了svg元素的元素
是的，我知道这只能用 SVG2 标准来完成。但也许还有另一种解决方案，polyfills ...
我试过 r，attr.r...
感谢您的帮助。
恐怕不是 Firefox 返回了那个错误，而是 Angular。 Web 动画 API 要求浏览器只读取它们可以动画化的属性或自定义属性。它们无法激活的属性必须被默默地忽略。结果，Firefox 默默地忽略了使用 Web 动画 API.
对 'r' 属性 进行动画处理的任何尝试但是，Angular does its own validation 这就是您在这里遇到的情况。
我建议将您的问题重新标记为 Angular 问题，或者直接切换到使用网络动画 API。
感谢大家的提示问题已解决。 提示：在发布 SVG 2.0 标准之前，不要尝试操作 SVG 元素的属性。 （仅 Chrome 正确工作） 对于我自己，我将属性 "R" 替换为 Transfrom 属性: scale()。 + 我读过的很多文档都说优化，需要操作 transfrom 的属性。