lucky-canvas是一款开源免费的基于 js+canvas 的前端插件，UI精美，功能强大，使用起来比较方便。

lucky-canvas官网https://100px.net/

一、使用

注意：下例是vue中的应用，具体还有js和uniapp中的应用，详细查看官网。

// 下载安装
yarn install @lucky-canvas/vue@latest// 完整加载---引入+全局注册
import VueLuckyCanvas from '@lucky-canvas/vue'
Vue.use(VueLuckyCanvas)// 完整加载---引入+全局注册
import VueLuckyCanvas from '@lucky-canvas/vue'
Vue.use(VueLuckyCanvas)// 页面使用
<template><LuckyWheelwidth='转盘宽度'height='转盘高度'prizes="奖品"blocks="背景":buttons="开始按钮"@start="点击开始按钮触发start"@end="抽奖结束触发end"/>
</template>

 使用起来十分方便。具体配置需要看官网。

二、老虎机和九宫格。

再次就不举例了。官网上有很详细的文档和示例，结合自身情况进行引用和修改。