在 React 中使用

下面我提供了一个大转盘的简易 Demo, 你可以用来测试. 至于其他抽奖类型或更多的效果, 可以跳转示例页面进行查看

方式 1：通过 import 引入

1. 首先安装插件

# npm 安装：
npm install @lucky-canvas/react@latest

# yarn 安装：
yarn add @lucky-canvas/react@latest

2. 然后在你的组件中引入并使用

import { LuckyWheel, LuckyGrid } from '@lucky-canvas/react'

export default function Test () {
  return <div>

    // 大转盘抽奖
    <LuckyWheel width="300px" height="300px" ...你的配置></LuckyWheel>

    // 九宫格抽奖
    <LuckyGrid width="300px" height="300px" ...你的配置></LuckyGrid>

    // 老虎机抽奖
    <SlotMachine width="300px" height="300px" ...你的配置></SlotMachine>

  </div>
}