html map热点特效 html5 svg卡通世界地图热点动画特效

特效描述：html5 svg 卡通世界地图 热点动画特效。html5 svg绘制圆形世界地图热点线性动画展示特效。

代码结构

1. 引入JS

2. HTML代码

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);