如果你想創建漂亮的文字云或者標簽云效果的話，你可以考慮使用D3-Cloud，這是一個超棒的開源字體云效果javascript類庫，基于知名的D3.js，能夠幫助你生成類似wordle.com風格的字體或者標簽云效果。
這個類庫使用HTML5畫布來生成字體效果，整個布局算法可以異步實現，只需要設置時間塊大小。并且支持動畫特效。整體性能非常不錯。
配置如下
- var fontSize = d3.scale.log().range([10, 100]);
- var layout = cloud()
- .size([960, 600])
- .timeInterval(10)
- .text(function(d) { return d.key; })
- .font("Impact")
- .fontSize(function(d) { return fontSize(+d.value); })
- .rotate(function(d) { return ~~(Math.random() * 5) * 30 - 60; })
- .padding(1)
- .on("word", progress)
- .on("end", draw)
- .words([…])
- .start();
文字，字體和字體大小，旋轉和邊框距離都可以自定義。包含兩個事件：
- word - 當每一個文字添加后觸發
- end - 當全部文字添加后觸發
當然，支持web字體，你可以使用@font-face來設置字體風格。如果你能夠應用到自己的網站中，肯定能夠給你的網站增色不少！
查看演示：http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fen.wikipedia.org%2Fwiki%2F%7Bword%7D=html5cn
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。