js标签云效果 jquery.svg3dtagcloud.min.js

下载链接: https://pan.baidu.com/s/1F7YjBcF4ipEdMaKMS_CiZg 提取码: qapt
--------------实例参考------------------
$.getJSON('json/tag_cloud.json',function (res) {
//json 转数组
var entries = [];
for (let i in res) {
let o = {};
let colors = ['#ff4761','#45bb36','#ffb422','#00eaff','#ffffff'];
o.label = i;
o.url = '#'+(res[i]);
o.target = '_top';
o.fontSize = randomNum(14,28);
o.fontColor = colors[randomNum(0,5)];
entries.push(o);
}
var cloudW = $('.main .reci .con').width();
var cloudH = $('.main .reci .con').height();
setTimeout(function(){
var cloud_set = tag_init(cloudW,cloudH,entries);
$( '#tag-cloud' ).svg3DTagCloud( cloud_set );
},1000);
});
//生成从minNum到maxNum的随机数
function randomNum(minNum,maxNum){
switch(arguments.length){
case 1:
return parseInt(Math.random()*minNum+1,10);
break;
case 2:
return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10);
break;
default:
return 0;
break;
}
}
function tag_init(cloudW,cloudH,entries){
console.log(entries);
var cloud_set = {
entries: entries,
width: cloudW,
height: cloudH,
radius: '120%',
radiusMin: 100,
bgDraw: true,
bgColor: 'none',
opacityOver: 1.00,
opacityOut: 0.05,
opacitySpeed: 6,
fov: 800,
speed: 0.6,
fontFamily: 'Oswald, Arial, sans-serif',
fontSize: '18',
fontColor: '#0097a5',
fontWeight: 'normal',//bold
fontStyle: 'normal',//italic
fontStretch: 'normal',//wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
fontToUpperCase: true
};
return cloud_set;
}