SVG animate动画失效：分号的陷阱
超级会员免费看
在SVG动画开发中，animate元素的values、keyTimes、keySplines属性值末尾多加一个分号可能导致Android和iOS设备上动画表现不一致。详细测试表明，这会导致部分动画在某些系统上失效。为了避免问题，需确保属性值列表的最后一个数值后面不包含分号。
在开发制作SVG公众号互动排版时，我们会经常使用animate元素来实现动画的效果，比如透明度变化（淡入淡出）、宽高大小的变化（慢慢下拉展开）等等，animate元素有些属性可以设置多个数值（比如：values="1;0;0"），数值之间用英文符合隔开，但是在最后一个数值的结尾多写一个英文分号（比如：values="1;0;0;"），这样会导致animate元素在不同的手机操作系统上（Android和iOS）展示效果是不一样的 ，今天我们一起来测试一下吧！
values、keyTimes、keySplines不多写英文分号
订阅专栏 解锁全文
扫一扫
818
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
