0.2.2 • Published 6 years ago
react3dtagcloud v0.2.2
3DTagCloud
基于 react 的 3d 标签云, 在线 demo
Installation
npm install react3dtagcloud --saveUsage
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>
)
}
}API
对于标签云可以设置一些自定义属性,具体如下:
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| tagName | 标签数组 | Array<string> | [] |
| speed | 球体旋转速度 | number | 10 |
| radius | 球的半径 | number | 200 |
| url | 前缀url | string | '' |
License
MIT