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>
  <LuckyWheel
    width='转盘宽度'
    height='转盘高度'
    prizes="奖品"
    blocks="背景"
    :buttons="开始按钮"
    @start="点击开始按钮触发start"
    @end="抽奖结束触发end"
  />
</template>

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

二、老虎机和九宫格。

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