svg动画控制
最近有一个动画需求：
一个动物沿着某条曲线运动，并且根据当前页面显示位置而动

动画控制

之前做过一个svg的轨迹动画，但是是自动运动，不需要控制位置。
经过google搜索到了svg的根节点的方法：

1
2
3
var svg = document.getElementById('svg');
svg.pauseAnimations();//暂停动画
svg.setCurrentTime('1s'); //设置当前动画的时间，比如默认设置的动画时长为8s, 此处调用则停止在 1s 处

svg宽高单位

OS中 svg下的image的width和Height属性不能使用带单位的，否则不能显示出来

svg上设置pointer-event:none

魅族手机 svg pointer-events:none 会导致下层滑动无效

本文地址： http://gehaiqing.com/2017/05/02/svg-animation-control/