avada-wheel-canvas-react
Version:
A React component library for lucky draw games
83 lines (59 loc) • 2.18 kB
Markdown
# Lucky Canvas React
A React component library for lucky draw games, including Lucky Wheel, Lucky Grid, and Slot Machine components.
## Installation
```bash
npm install lucky-canvas-react
# or
yarn add lucky-canvas-react
```
## Usage
```jsx
import { LuckyWheel, LuckyGrid, SlotMachine } from 'lucky-canvas-react'
function App() {
return (
<div>
<LuckyWheel />
<LuckyGrid />
<SlotMachine />
</div>
)
}
```
## Components
### LuckyWheel
A wheel component for lucky draw games.
### LuckyGrid
A grid component for lucky draw games.
### SlotMachine
A slot machine component for lucky draw games.
## License
MIT
<div align="center">
<img src="https://unpkg.com/buuing@0.0.1/imgs/lucky-canvas.png" width="128" alt="logo" />
<h1>lucky-canvas 抽奖插件</h1>
<p>一个基于 JavaScript 的跨平台 ( 大转盘 / 九宫格 / 老虎机 ) 抽奖插件</p>
<p>
<a href="https://github.com/buuing/lucky-canvas/stargazers" target="_black">
<img src="https://img.shields.io/github/stars/buuing/lucky-canvas?color=%23ffba15&logo=github&style=flat-square" alt="stars" />
</a>
<a href="https://github.com/buuing/lucky-canvas/network/members" target="_black">
<img src="https://img.shields.io/github/forks/buuing/lucky-canvas?color=%23ffba15&logo=github&style=flat-square" alt="forks" />
</a>
<a href="https://github.com/buuing" target="_black">
<img src="https://img.shields.io/badge/Author-%20buuing%20-7289da.svg?&logo=github&style=flat-square" alt="author" />
</a>
<a href="https://github.com/buuing/lucky-canvas/blob/master/LICENSE" target="_black">
<img src="https://img.shields.io/github/license/buuing/lucky-canvas?color=%232dce89&logo=github&style=flat-square" alt="license" />
</a>
</p>
</div>
<br />
## 官方文档
> **中文**:[https://100px.net](https://100px.net)
<br />
## 在 React 中使用
- [跳转官网 查看详情](https://100px.net/usage/react.html)
<br />
## 🙏🙏🙏 点个Star
**如果您觉得这个项目还不错, 可以在 [Github](https://github.com/buuing/lucky-canvas) 上面帮我点个`star`, 支持一下作者 ☜(゚ヮ゚☜)**
<br />