React抽奖转盘源码基于HTML canvas支持即时转动

React 抽奖转盘部件，根据 HTML canvas，支持及时旋转，

特性：

及时操作，无需等待抽奖过程中的界面返回，然后启动轮盘，先转身再谈~

请求加时操作

支持积极终断

支持3D渲染多行文本，几张图片

支持自动旋转

款式完全自定义

慢慢完成实际效果

组装

npm install turntable-react
or use yarn
yarn add turntable-react

import Turntable from'turntable-react';

<Turntable
size={300}
prizes={prizes}
onStart={fetchPrizeResult}
onComplete={complete}
onTimeout={timeout}
>
{/* 轮盘表针 点击图标 */}
<div className="turntable-pointer">
<img className="pointer-img"src={require('./pointer.png')}alt=""/>
</div>
</Turntable>

运作

cd turntable-react

yarn && yarn start

open broswer:http://localhost:8080/