首页 文章

SVG动画Web动画API

提问于
浏览
0

我使用“Web Animations API”为项目创建动画 . 在chrome中一切正常 . 但到了那里的mazilla和safar . Safari只是跳过这个动画 . 但是马齐拉犯下了一个严重的错误 .

enter image description here

错误的本质是我操纵svg元素的元素 .

enter image description here

是的,我知道这只能通过SVG2标准来完成 . 但也许有另一种解决方案,polyfills ......

我试过r,attr.r ......

感谢您的任何帮助 .

2 回答

  • 0

    我担心Firefox不会返回该错误,而是Angular . Web Animations API要求浏览器只读取可以设置动画的属性或自定义属性 . 必须默默忽略它们无法制作动画的属性 . 因此,Firefox默默地忽略了使用Web Animations API为'r'属性设置动画的任何尝试 .

    但是,Angular does its own validation这就是你在这里遇到的 .

    我建议将问题重新标记为Angular问题,或者直接转换为使用Web Animations API .

  • 0

    感谢大家提出的问题解决了问题 . 提示:在releaseSVG 2.0标准之前,不要尝试操纵SVG元素的属性 . (仅正确使用Chrome)对于我自己,我用Transfrom属性:scale()替换属性“R” . 我所提到的很多文档都说优化,需要操纵transfrom的属性 .

相关问题