超酷的javascript文字云/标签云效果 - D3 Cloud

超酷的javascript文字云效果 - D3 Cloud

在线演示

如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的 D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。

这个类库使用HTML5画布来生成字体效果,整个布局算法可以异步实现,只需要设置时间块大小。并且支持动画特效。整体性能非常不错。

文字,字体和字体大小,旋转和边框距离都可以自定义。包含两个事件:

  • word – 当每一个文字添加后触发
  • end – 当全部文字添加后触发

当然,支持web字体,你可以使用@font-face来设置字体风格。如果你能够应用到自己的网站中,肯定能够给你的网站增色不少!

来源:超酷的javascript文字云/标签云效果 – D3 Cloud