七夕词云生成器-CSDN博客

在这里插入图片描述
这个乱图纪念一下上周的七夕

<head>
<title>七夕快乐</title>
<script src="D:\debug\wordcloud2.js"></script>
</head>
<body>
    <div id="canvas-container" style="float: left">
        <canvas id="canvas" width="800px" height="600px"></canvas>
    </div>
</body>

这个是html，最主要的是引入的js。
以下是js部分，想写啥都ok，字数少更好拼，

var wordFreqData = [
['最爱的是你',31],['七夕快乐',46],['陪你过',33],['每一个七夕',34],['跟你吃',16],['每一顿饭',17],['和你一起',10],
['慢慢变老',12],['永远爱你',15],['死生契阔，与子成说。执子之手，与子偕',12],['天不老，情难绝。心似双丝网，中有千千结',5],['平生不会相思，才会相思，便害相思',11],
['天长地久有时尽，此爱绵绵无绝期',10],['草在结它的种子，风在摇它的叶子',9],['我们站着，不说话，就十分美好',9],['我自从混迹到尘世间，便忘却了我自己，在你的灵魂里我才知是谁',15],
['我恰是医你的药',17],['每想你一次，天上飘落一粒沙，从此形成了撒哈拉',13],['我曾踏月而来，只因你在山中',16],['我没有很刻意地去想念你',19]];
var canvas = document.getElementById('canvas');
var options = eval({
        "list": wordFreqData,//或者[['各位观众',45],['词云', 21],['来啦!!!',13]],只要格式满足这样都可以
        "gridSize": 6, // 密集程度 数字越小越密集
        "weightFactor": 1, // 字体大小=原始大小*weightFactor
        "maxFontSize": 60, //最大字号
        "minFontSize": 14, //最小字号
        "fontWeight": 'normal', //字体粗细
        "fontFamily": 'Times, serif', // 字体
        "color": 'random-light', // 字体颜色 'random-dark' 或者 'random-light'
        "backgroundColor": '#333', // 背景颜色
        "rotateRatio": 1 // 字体倾斜(旋转)概率，1代表总是倾斜(旋转)
    });
//生成
WordCloud(canvas, options);

引入的js：https://github.com/Passionless-killer/dailyUse/blob/master/wordcloud2.js