基于 react 的 3d 标签云
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example/src
lib
src
.babelrc
.editorconfig
.gitignore
.npmignore
LICENSE
README.md
package-lock.json
package.json
webpack.config.js

README.md

3DTagCloud

基于 react 的 3d 标签云, 在线 demo

Installation

npm install react3dtagcloud --save

Usage

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

License

MIT