如何解决SMIL SVG动画只能在Firefox中使用,而不能在Chrome中使用
这是我使用smil
动画元素制作的动画。
预期动画:
- 小滴逐渐淡出:
<animate> element
, - 然后掉落:
<animateTransform> element
。 - 在完成y轴平移之前淡出。
这在Firefox中有效。
在Chrome中(版本84.0.4147.135(官方内部版本)(64位))
该动画不会显示来自<animate> element
的淡入淡出效果-时间轴由keyTimes
和values
属性定义。
但是,当它由keyFrames
属性定义时,它确实起作用,我认为它实际上不是一个属性。我是通过错字学到的。
keyTimes
属性确实适用于<animateTransform> element
,用于Chrome中的平移运动。
所以我花了2-3天的时间学习有关smil动画的信息,也许我在这里错过了一些东西。
有什么想法吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。