😍 分享一个前端 [大转盘 / 九宫格] 抽奖插件 ☜(ﾟヮﾟ☜)

[ldq404]

抽奖插件

🎨 奖品 / 文字 / 图片 / 颜色 / 按钮均可配置
🚦 支持同步 / 异步抽奖
🎯 概率前 / 后端可控
🎈 自动根据 dpr 调整清晰度适配移动端

• 文档：100px.net
• Github：github.com/luckdraw

各端兼容情况

npm 包	支持的框架	最新版本	下载量（月）	Star
lucky-canvas	Js / JQuery
vue-luck-draw	Vue2.x / Vue3.x
react-luck-draw	React	开发中...
mini-luck-draw	原生微信小程序
taro-luck-draw	taro	计划中...
uni-luck-draw	uni-app

• 后期会增加更多功能 / 属性, 以及更多抽奖类型 (老虎机 / 扭蛋机 / 刮刮乐), 以及更多端的兼容
• 如果哪位老哥想要的功能没有, 也可以留言发给我

本插件开源免费，用着顺手的小伙伴可以 github 点个star支持一下 (●'◡'●)

[Serializability]

好东西，start 已点

[ldq404]

@Serializability 谢谢支持😎

[ldq404]

@hitaoguo 感觉年会抽奖用 webgl 搞个 3d 的会比较合适, 以后有空研究一下

[rodrick]

不错不错，star 一下

[rodrick]

不知道是不是我网的问题，现在所有用 github page 的访问都好卡啊。。

[90d0n]

不错不错, 做的很棒!
可不可以支持一次抽奖,多个中奖奖品. 比如 点击一次抽奖获得两个奖品

[ldq404]

@rodrick 可能是墙的力度加大了😢

[ldq404]

@90d0n 大转盘肯定搞不了, 九宫格的话还可以, 但是总共也就 8 个奖品, 同时抽三四个会显得太乱了, 不过倒是可以搞一个 10 连抽的功能, 抽中一个继续抽下一个😎

[lcf8381595]

谢谢。正好要用。请问能支持其它类型的抽奖吗？比如一个产品，抽奖结果只有两种情况，中奖和未中奖（根据提前设置好的中奖率），这种需求怎么实现比较好？

[ldq404]

@lcf8381595 目前只搞了大转盘和九宫格, 你说的这种我也没没啥思路, 直接给个翻转卡片得了

[baozi23]

@ldq404 厉害，后来细看文档才发现，😂