绝对的设备方向

时间:2018-04-10 11:32:26

标签: html5 event-handling compass motion device-orientation

我正在尝试读取绝对的DeviceOrientation事件值以创建HTML5指南针移动Web应用程序。

如果我使用此代码,我可以毫无问题地获得alpha,beta和gamma值:

window.addEventListener('deviceorientation', function(event) {
          alpha = event.alpha;
          beta = event.beta;
          gamma = event.gamma;
  });

然而,这些值对我没有帮助,因为我需要获得绝对值以找到North等的确切位置。我发现这个article解释了如何使用事件的绝对值。

当我将代码更改为:

window.addEventListener('deviceorientationabsolute', function(event) {
    alpha = event.alpha;
    beta = event.beta;
    gamma = event.gamma;
    var absolute = event.absolute;
});

Alpha,beta和gamma值设置为null。这对我来说很奇怪,因为event.absolute值设置为true。据此,应显示事件值。

任何人有或有任何类似的问题?任何帮助,将不胜感激;如果有一些HTML5 Compass App的工作示例,那么在此处发布它会很有帮助。

提前谢谢!

2 个答案:

答案 0 :(得分:0)

尝试将AddEventListenerOptions的值强制设置为true,如下所示:

deviceOrientationEvent: function(event){
    console.log(event.alpha);
};
window.addEventListener("deviceorientationabsolute", deviceOrientationEvent, true);

答案 1 :(得分:0)

尝试一下。

deviceOrientationEvent: function(event){
console.log(event.alpha);

}; window.addEventListener(“ deviceorientationabsolute”,deviceOrientationEvent,true);