目录

• 需求背景
• 需求实现
• • 实现过程图片示意
  • 实现代码
• 页面效果
• https://blog.csdn.net/m0_53562074/article/details/lucky-canvas 插件官方文档

需求背景

要求实现转盘转动抽奖的功能：

1. 只有正确率大于等于 80% 才可以进行抽奖；
2. “谢谢参与”概率为 90%，“恭喜中奖”概率为 10%；

需求实现

实现过程图片示意

实现代码

安装插件

npm install @https://blog.csdn.net/m0_53562074/article/details/lucky-canvas/vue@latest 

main.js 全局引入组件

import VueLuckyCanvas from '@https://blog.csdn.net/m0_53562074/article/details/lucky-canvas/vue' Vue.use(VueLuckyCanvas) 

实现代码

页面效果

https://blog.csdn.net/m0_53562074/article/details/lucky-canvas 插件官方文档

https://blog.csdn.net/m0_53562074/article/details/lucky-canvas 插件官网
https://blog.csdn.net/m0_53562074/article/details/lucky-canvas 插件官网文档

可参考文档