GitHub 开源抽奖组件实装演示

直接引用 GitHub 官方产物(无自写非标脚本) · buuing/lucky-canvas (8.8k★) · CrazyTim/spin-wheel (400★)

查看签到日历

幸运大转盘 (LuckyCanvas.LuckyWheel)

支持 8~12 扇区动态划分 · 异步请求平滑停靠

官方 Canvas 引擎
当前抽奖券: 3 张

GitHub 仓库技术指标

项目仓库 buuing/lucky-canvas
GitHub 评级 8,800+ Stars
渲染底层 HTML5 Canvas (无 DOM 节点性能负担)
Retina 屏适配 dpr 像素比自动补偿 (绝不模糊)
生产打包体积 ~45 KB (零第三方依赖)

工程级防作弊与异步机制

前端点击按钮后轮盘先以固定加速度开始旋转,进入无限匀速巡航阶段;同时静默发起后端 API 请求。

后端返回实际中奖索引后,调用 myLucky.stop(index),轮盘以高精度二次贝塞尔阻尼曲线平滑制动停靠在指定奖品。

抽奖结果通知

恭喜您在本次幸运抽奖中获得:

--