🎡 TurntableSelection Demo
Canvas 转盘选择组件 — 滑动旋转 · 点击选择 · 事件上报
激活索引
-
旋转角度
-
扇区数量
-
动画中
-
监听器
-
事件日志
⚙️ 全局配置
▼
动画时长(ms)
扇区间距(px)
内圈比例
滑动阈值(px)
点击阈值(px)
🔘 中心按钮
▼
文案
半径比例
字体比例
字体颜色
背景色
渐变终止
边框颜色
边框宽度
🏷️ 标签配置
▼
半径比例
字体比例
选中颜色
未选中颜色
🎨 扇区样式
▼
阴影配置
启用阴影
关闭
开启
阴影颜色
不透明度
模糊半径
水平偏移
垂直偏移
边框配置
启用边框
关闭
开启
边框颜色
边框不透明度
边框宽度
📋 选项列表
▼
+ 添加选项
重置默认
🛠️ 实例方法
▼
初始化/重建
▶ 顺时针
◀ 逆时针
rotate(顺)
rotate(逆)
销毁
setContainer
setItems
getItems
on/off 事件
getState
💡 在转盘上
左右滑动
旋转
💡
点击中心按钮
选中当前扇区
💡 修改参数后点击"初始化/重建"生效