锤子js旋转方向

时间:2017-10-31 13:08:32

标签: javascript hammer.js

我是Hammer.js的新手,并成功实现了旋转识别器:



    var image = document.getElementById('image');
    var manager = new Hammer(image);
    manager.get('rotate').set({ enable: true, threshold:3 });
    manager.on("rotate", function (event) {
      console.log(event.type + " gesture detected.");
    });




此代码段会写入日志'旋转手势检测到'。

我的问题是如何检测旋转方向(向左或向右)?

1 个答案:

答案 0 :(得分:1)

查看rotation in the event object - 它包含以度为单位的旋转角度(根据旋转方向为正或负)。所以这样的事情对你有用:

manager.on("rotate", function (event) {
  console.log(event.type + " gesture detected.");
  if(event.type === "rotate") {
      console.log("Rotation by " + event.rotation + " degrees.");
      if (event.rotation > 0) {
          console.log("Clockwise");
      } else {
          console.log("Counterclockwise");
      }
  }
});