词云（二）：选择图片绘制变换的词云

效果图如下：

至于词云形成的什么图形，应该能看出来吧，哈哈。言归正传，选择的图片最好是黑白两色的，这样可以更好的描绘图形，不然五颜六色的可能绘制出来的东东会让你哭笑不得。

以下是实现代码

插件准备：（1）jquery-1.8.3.min.js

                 （2）echarts.min.js

                 （3）echarts-wordcloud.min.js

图片准备：  两色图片即可

（1）html代码

（2）方便实现效果的css

#chooseword{
   position: absolute;
   bottom: 20px;
   left:500px;
   color:yellow;
   font-size:28px;
}
#choose{
   position: absolute;
   width:540px;
   height:270px;
   text-align: center;
   font-size:30px; 
   top:0;
   left:0;
   display: none;
   color:#fff;
   font-weight: bold;
}
.main{
   position: relative;
}
#lee{
   display: none;
}

（3）jQuery代码 

以上就可以实现选择图片，词云相应变换的效果，点击图片中的文字，放大显示。有兴趣的小伙伴们可以试一试呀。如有问题或更好的方式欢迎提出~