随机抽签抓阄转盘

选项自己写,转盘自己转。填好奖项或人名单,点「开始抽」就转 4~6 圈缓停在你抽中的那一格;勾上「抽后移除」后抽中的项自动从转盘上消失。转盘用 Canvas 现画,手机上也是高清的。

长尾词:随机抽签 · 抓阄转盘 · 转盘抽奖工具

① 选项列表
选项只存在当前页面内存里,刷新即清空(不使用本地存储)。下面是当前生效的选项:
② 抽签设置
关掉「允许重复抽中」时,转盘转到已抽过的格子会自动重转,直到转到还没被抽过的项。
③ 转盘
还没抽,点上面的「开始抽」
还没有抽签记录
说明

• 先算角度再转:点「开始抽」的那一刻,先随机挑中一个选项的下标 i,再按公式 rot_end = -(i×扇形角 + 扇形角/2) + k×2π 解出一个「落点正好在 12 点指针下的角度」,最后倒推本次要转的总角度(额外再叠 4~6 整圈),所以屏幕上看指针停在哪一格,结果就是哪一格,不存在转完再反推的作弊空间。

• 缓动:用 easeOutCubic 从 0 缓动到 1,约 4.2 秒转完,前快后慢,停得自然。中途点「停止」会直接把转盘补到目标角度并结算。

• 选项绘制:每个扇形一个选项,用 ctx.arc 画弧;选项多时字号自动缩小、文字自动截断(最多 4~8 个字),底部扇形文字会自动翻转方向保证正向可读。

• 高清屏:canvas 尺寸按 clientWidth × devicePixelRatio 设置,跟手不糊;宽度随容器自适应,窄屏也不会横向溢出。

• 边界情况:选项 0 个会提示「先填几个选项」;只填 1 个也会转(转完就是它);「允许重复抽中」关掉且选项全部抽完会提示「选项都被抽完了」。

• 随机性:普通随机数(Math.random()),适合课堂、年会、团建这类娱乐场景,不是密码学安全随机数,重要抽奖请留档双录。

• 隐私:选项和结果都在浏览器本地处理,不上传、不保存、不留记录。

• 课堂点名用在线随机点名器;批量生成随机数字用随机数批量生成器。