基于 react 的 3d 标签云, 在线 demo
npm install react3dtagcloud --save
import React from 'react'
import TagCloud from 'react3dtagcloud'
class Demo extends React.Component {
render() {
const tagName = ['java', 'javscript', 'C', 'C++', '前端', 'React', 'Vue', 'redux', '写作', '程序员', '编程']
return (
<div style={{ width: '1000px', height: '1000px' }}>
<TagCloud tagName={tagName}></TagCloud>
</div>
)
}
}
对于标签云可以设置一些自定义属性,具体如下:
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
tagName | 标签数组 | Array<string> | [] |
speed | 球体旋转速度 | number | 10 |
radius | 球的半径 | number | 200 |
url | 前缀url | string | '' |
MIT