https://github.com/crazylxr/3d-tag-cloud-for-react

基于 react 的 3d 标签云
https://github.com/crazylxr/3d-tag-cloud-for-react

3d react tag tagcloud

Last synced: 21 days ago
JSON representation

基于 react 的 3d 标签云

• Host: GitHub
• URL: https://github.com/crazylxr/3d-tag-cloud-for-react
• Owner: crazylxr
• License: mit
• Created: 2019-01-23T10:05:59.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T11:21:56.000Z (almost 2 years ago)
• Last Synced: 2024-04-28T11:41:39.468Z (7 months ago)
• Topics: 3d, react, tag, tagcloud
• Language: JavaScript
• Homepage: https://crazylxr.github.io/3d-tag-cloud-for-react/
• Size: 929 KB
• Stars: 25
• Watchers: 2
• Forks: 23
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

# 3DTagCloud

![](https://img.shields.io/badge/npm-0.12-orange.svg) ![](https://img.shields.io/github/issues/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/forks/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/stars/crazylxr/3dtagcloudforeact.svg) ![](https://img.shields.io/github/license/crazylxr/3dtagcloudforeact.svg)

基于 react 的 3d 标签云, [在线 demo](https://crazylxr.github.io/3d-tag-cloud-for-react/)

## Installation

```bash

npm install react3dtagcloud --save

```

## Usage

```javascript

import React from 'react'

import TagCloud from 'react3dtagcloud'

class Demo extends React.Component {

  render() {

    const tagName = ['java', 'javscript', 'C', 'C++', '前端', 'React', 'Vue', 'redux', '写作', '程序员', '编程']

	  return (

		


		  

		

	  )

   }

}

```


## API

对于标签云可以设置一些自定义属性，具体如下：

| 属性 | 说明 | 类型 | 默认值

| --- | --- | --- | -- |

| tagName | 标签数组 | Array<string>| []

| speed | 球体旋转速度 | number | 10

| radius | 球的半径 | number | 200 |

| url | 前缀url | string | ''

## License

MIT