分类：标签云

2021
11-01

Vue中实现3D标签云的详细代码

预览:代码:页面部分:<template><divclass="tagcloud-all"ref="tagcloudall"><av-for="itemintagList":href="item.url"rel="externalnofollow":style="'color:'+item.color+';top:0;left:0;filter:none;'">{{item.name}}</a></div></template>CSS部分://标签云.tagcloud-all{position:relative;a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;... 继续阅读 >

2020
11-10

vue实现标签云效果的示例

闲扯两句最近想给自己的博客上加上一个3D标签云的效果，用来表示自己博客文章的分组，网上找到了canvas实现的，还有a元素实现的解析3D标签云，我想让标签可以选择和点击，又不想在标签数量较多时操作a标签导致性能问题，于是svg就成了一个不错的选择。标签初始化这里实现的核心主要是参考了前面的那篇解析3D标签云的文章，作者给出了源码，讲解也比较通俗易懂。大体来说，整个代码分三步：根据标签的数量，算出每个标签在球面上... 继续阅读 >