我使用“Web Animations API”为项目创建动画 . 在chrome中一切正常 . 但到了那里的mazilla和safar . Safari只是跳过这个动画 . 但是马齐拉犯下了一个严重的错误 .
错误的本质是我操纵svg元素的元素 .
是的,我知道这只能通过SVG2标准来完成 . 但也许有另一种解决方案,polyfills ......
我试过r,attr.r ......
感谢您的任何帮助 .
我担心Firefox不会返回该错误,而是Angular . Web Animations API要求浏览器只读取可以设置动画的属性或自定义属性 . 必须默默忽略它们无法制作动画的属性 . 因此,Firefox默默地忽略了使用Web Animations API为'r'属性设置动画的任何尝试 .
但是,Angular does its own validation这就是你在这里遇到的 .
我建议将问题重新标记为Angular问题,或者直接转换为使用Web Animations API .
感谢大家提出的问题解决了问题 . 提示:在releaseSVG 2.0标准之前,不要尝试操纵SVG元素的属性 . (仅正确使用Chrome)对于我自己,我用Transfrom属性:scale()替换属性“R” . 我所提到的很多文档都说优化,需要操纵transfrom的属性 .
2 回答
我担心Firefox不会返回该错误,而是Angular . Web Animations API要求浏览器只读取可以设置动画的属性或自定义属性 . 必须默默忽略它们无法制作动画的属性 . 因此,Firefox默默地忽略了使用Web Animations API为'r'属性设置动画的任何尝试 .
但是,Angular does its own validation这就是你在这里遇到的 .
我建议将问题重新标记为Angular问题,或者直接转换为使用Web Animations API .
感谢大家提出的问题解决了问题 . 提示:在releaseSVG 2.0标准之前,不要尝试操纵SVG元素的属性 . (仅正确使用Chrome)对于我自己,我用Transfrom属性:scale()替换属性“R” . 我所提到的很多文档都说优化,需要操纵transfrom的属性 .