Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react3dtagcloud

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react3dtagcloud - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

example/dist/bundle.js

13

package.json
{
"name": "react3dtagcloud",
"version": "0.1.2",
"version": "0.1.3",
"description": "基于 react 的 3d 标签云",

@@ -9,5 +9,7 @@ "repository": "crazylxr/3dtagcloudforeact",

"start": "webpack-dev-server --open development",
"build": "webpack",
"build": "webpack --mode production",
"transplie": "npx babel src --out-dir lib",
"prepublishOnly": "npm run transplie"
"prepublishOnly": "npm run transplie",
"deploy": "gh-pages -d example/dist",
"publish-demo": "npm run build && npm run deploy"
},

@@ -30,2 +32,4 @@ "keywords": [

"file-loader": "^3.0.1",
"gh-pages": "^2.0.1",
"html-webpack-plugin": "^3.2.0",
"jsx-loader": "^0.13.2",

@@ -35,4 +39,3 @@ "style-loader": "^0.23.1",

"webpack-cli": "^3.2.1",
"webpack-dev-server": "^3.1.14",
"html-webpack-plugin": "^3.2.0"
"webpack-dev-server": "^3.1.14"
},

@@ -39,0 +42,0 @@ "dependencies": {

# 3DTagCloud
![](https://img.shields.io/badge/npm-v0.01-brightgreen.svg)
![](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 标签云
基于 react 的 3d 标签云, [在线 demo](https://crazylxr.github.io/3dtagcloudforeact/)
## 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 (
<div style={{ width: '1000px', height: '1000px' }}>
<TagCloud tagName={tagName}></TagCloud>
</div>
)
}
}
```
## API
对于标签云可以设置一些自定义属性,具体如下:
| 属性 | 说明 | 类型 | 默认值
| --- | --- | --- | -- |
| tagName | 标签数组 | Array<string>| []
| speed | 球体旋转速度 | number | 10
| radius | 球的半径 | number | 200 |
| millisec | 刷新时间 | number | 64 |
## License
MIT
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc