Cloudview是一个jQuery插件，用于在您的页面上创建一个响应、可拖动、动画化的3D透视标记（单词）云。

它创建了一个整洁的3D透视云视图，其中您的标签在JS数组中定义，并且可以拖动标签，这样您就可以更改它们的显示顺序。

如何使用它:

1.在文档中加载所需的jQuery和math.js库。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/math.min.js"></script>

2.在jQuery之后下载并加载Cloudview插件的JavaScript。

<script src="js/cloudview.js"></script>

3.为三维云视图创建一个空的SVG元素。

<div id="container">
  <svg class="lines-canvas"></svg>
</div>

4.创建要出现在3D云视图中的单词（标签）阵列。

const rootWords = ["jQuery","Script","Net"];

5.设置三维云视图。

const rootCloud = new BSCloudView($("#container"));
      rootCloud.setCloudTags(rootWords);
      rootCloud.setup();

6.设置SVG射线的样式。

.line { 
  background-color:white; 
  line-height:1px; 
  padding:0; 
  margin:0; 
  position:absolute; 
}

7.设计单词（标签）的样式。

.element {
  font-family: "Roboto", sans-serif;
  letter-spacing: 1.5px;
  text-transform: lowercase;
  text-align: center;
  position: absolute;
  left: 0; 
  top: 0;
  transform-origin: center center;
  -moz-user-select: none; 
  -webkit-user-select: none; 
  -ms-user-select:none; 
  user-select:none;-o-user-select:none;
}

预览截图

3D透视词（标签）云插件 jQuery Cloudview