TagCanvas 在 vue 项目中使用（动态 3D 词云）

最近支撑别的部门做了一个大屏（Vue项目），大屏上面有一个词云的展示，需要让词动起来，经同事介绍用了一下 TagCanvas来实现：链接地址： TagCanvas - HTML5 Canvas Tag Cloud
最终做的效果如下图所示：

res1.gif

使用步骤分为三部

1. 在index.html 文件中 利用script 标签引入 tagcanvas.js（或 tagcanvas.min.js） 文件 或者 在子应用中直接通过

import './tagcanvas.js';
export default {
  ....
}

2. 新建子应用

// 这里 style 不能加scope属性不然就不会成功

3. 在父应用中引入子应用, 绑定 wordArr 属性