幸运自定义转盘

自由编辑奖品 · 概率随心 · 炫酷动画 · 一键抽奖

点击转盘试试
每次结果完全随机,公平公正

智能 · 强大 · 易用

专为活动、直播、营销设计的自定义抽奖转盘

奖品自定义

自由修改奖品名称、颜色、数量,适配任何活动主题。

奖品自定义
概率调节

每个奖品独立概率,轻松控制大奖稀有度。

概率调节
响应式设计

手机、平板、桌面完美适配,触摸友好。

响应式
动画炫酷

流畅旋转 + 减速效果,提升抽奖仪式感。

动画效果

自定义抽奖转盘 核心玩法

内置8个奖品分区(默认:一等奖~八等奖),支持随时调整。点击“抽奖”按钮或轻触转盘即可启动,转盘减速停止后显示结果。所有逻辑基于Canvas绘制,轻量流畅。

  • 奖品颜色、名称、概率完全可视化
  • 每次旋转角度随机,避免规律性
  • 适配深色/浅色模式,视觉舒适
  • 支持键盘空格触发抽奖
玩法示意
如何使用?

1. 打开页面即可看到转盘,默认奖品已预设。

2. 点击中央【抽奖】按钮或者点击转盘区域。

3. 转盘旋转减速后,顶部会显示中奖结果。

4. 可重复抽奖,每次独立随机。


高级自定义:修改下方JavaScript中 prizes 数组即可自定义奖品与概率。

常见问题与解答

打开页面底部或开发者工具,找到 prizes 数组,修改 label(奖品名)、color(背景色)、probability(概率权重)即可。刷新页面生效。

系统根据每个奖品的 probability 值权重分配扇形面积。数值越大,抽中概率越高。默认所有奖品权重相同(均等)。

完全支持。基于Bootstrap 5响应式,触摸点击抽奖,转盘自动缩放适配屏幕。

每次结果均通过前端随机算法生成,可自行记录。如需后端存储,可对接API。

本组件为开源示例,可自由修改用于商业活动,但需遵守相关法律法规。
icon
icon
icon
icon
icon

示意图 · 实际转盘为动态Canvas