# 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 />