vue.js 可以在NippleJS中使用自定义的起始位置吗

fafcakar  于 7个月前  发布在  Vue.js
关注(0)|答案(1)|浏览(123)

我需要使用一个虚拟操纵杆,它可以很好地与触摸配合使用,也可以在Vue中工作,所以NippleJS似乎是一个不错的选择,但我还需要控件本身的起点位于操纵杆的底部。目前起点总是在中间,但是我希望用户基本上只能向上。有人知道如何在NippleJS中做到这一点吗?或者有人知道一个替代库吗?

const imgJoystickL = nipplejs.create({
                zone: document.getElementById('img-nipple-L'),
                color: 'rgb(50, 50, 50)',
                mode: 'static',
                position: {
                    top: marginTop,
                    left: '5px'
                },
                lockY: true,
                size: 200,
                shape: 'square',
            });

字符串
这就是我目前创建操纵杆的方式。

0vvn1miw

0vvn1miw1#

我建议您将jsnipple保持在中心的默认位置,并在Angular 向上时进行检测。

function YourMoveUpFunction(){
//do something
}

imgJoystickL.on("move", (evt, data) => {
  
  if(data.direction.angle == "up") 
    YourMoveUpFunction()
});

字符串

相关问题