锤子js旋转方向

Question

我是 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.");
    });

此代码段写入日志 'rotate gesture detected'。

我的问题是如何检测旋转方向（向左或向右）？

Answer 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");
      }
  }
});

锤子js旋转方向

Hammer js rotation direction

javascript

hammer.js