html5 svg圆形世界地图热点动画展示特效

一款带有线性环绕动画效果的html5 svg圆形世界地图热点动画展示特效。

js代码

<script type="text/javascript" src="js/bodymovin.min.js"></script>
<script type="text/javascript">
var select = function(s) {
    return document.querySelector(s);
  },
  selectAll = function(s) {
    return document.querySelectorAll(s);
  }, 
  animationWindow = select('#animationWindow'),    
    animData = {
		wrapper: animationWindow,
		animType: 'svg',
		loop: true,
		prerender: true,
		autoplay: true,
		path: 'world.json' 
	}, anim;

	anim = bodymovin.loadAnimation(animData);
 //anim.addEventListener('DOMLoaded', onDOMLoaded);
 anim.setSpeed(1.4);
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载