HTML5+CSS3技术制作的数据云，下载即可使用，真正方便于程序员的demo

原文：【猪猪-前端】HTML5+CSS3技术制作的数据云，下载即可使用，真正方便于程序员的demo

源代码下载地址：http://www.zuidaima.com/share/1653516826725376.htm

01var options = {

02    textFont: 'Bonbon, sans-serif',

03    maxSpeed: 0.1,

04    textColour: '#000',

05    textHeight: 25,

06    outlineMethod: 'colour',

07    outlineColour: '#039',

08    outlineOffset: 0,

09    depth: 0.97,

10    minBrightness: 0.2,

11    wheelZoom: false,

12    reverse: true,

13    shadowBlur: 2, shuffleTags: true,

14    shadowOffset: [1,1],

15    stretchX: 1.7

16  },

17  WebFontConfig = {

18    google: {

19      families: [

20        'Nosifer::latin',

21        'Niconne::latin',

22        'Erica+One::latin',

23        'Audiowide::latin',

24        'Oswald::latin',

25        'Allerta+Stencil::latin',

26        'Bangers::latin',

27        'Bonbon::latin',

28        'Boogaloo::latin',

29        'Covered+By+Your+Grace::latin'

30      ]

31    },

32    active: function() {

33      TagCanvas.Start('myCanvas', 'tags', options)

34    }

35  };

36  

37// use the Google web font loader:

38(function() {

39  var wf = document.createElement('script');

40  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +

41    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';

42  wf.type = 'text/javascript';

43  wf.async = 'true';

44  var s = document.getElementsByTagName('script')[0];

45  s.parentNode.insertBefore(wf, s);

46})();

HTML5+CSS3技术制作的数据云，下载即可使用，真正方便于程序员的demo