1.1.2 • Published 2 years ago
turntable-gesture
转盘手势插件
安装
npm install turntable-gesture
使用
<div class="box"></div>
import TurntableGesture from 'turntable-gesture'
// 初始化
const gesture = new TurntableGesture(document.querySelector('.box'))
// or 带参数配置初始
const gesture = new TurntableGesture('.box', {
initialAngle: 45,
direction: 'all'
})
// 注册回调事件
// 结束转动回调，angle：转动的角度
gesture.on('end', (angle) => {
console.log(angle)
})
// 转动过程中的回调，angle：转动的角度
gesture.on('move', (angle) => {
console.log(angle)
})
// 注销回调事件
gesture.off('end')
gesture.off('move')
参数选项 options
| 属性名 | 类型 | 默认值 | 可选值 | 说明 |
|---|
| direction | string | all | all/clockwise/anti-clockwise | 允许转动方向 |
| initialAngle | number | 0 | - | 初始已旋转角度 |
| sensitivity | number | 1 | - | 转动灵敏度，数值越小越灵敏 |
回调函数
| 回调名 | 说明 | 返回参数 |
|---|
| end | 转动结束回调 | angle,旋转的角度 |
| move | 转动过程回调 | angle,旋转的角度 |
实例方法