绝对设备方向

Coe*_*nth 5 html5 event-handling motion device-orientation compass

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

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

window.addEventListener('deviceorientation', function(event) {
          alpha = event.alpha;
          beta = event.beta;
          gamma = event.gamma;
  });
Run Code Online (Sandbox Code Playgroud)

但是,这些值对我没有帮助,因为我需要获取绝对值才能找到North的确切位置等。我找到了这篇文章,其中解释了如何使用event的绝对值。

当我将代码更改为此:

window.addEventListener('deviceorientationabsolute', function(event) {
    alpha = event.alpha;
    beta = event.beta;
    gamma = event.gamma;
    var absolute = event.absolute;
});
Run Code Online (Sandbox Code Playgroud)

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

任何人有或有任何类似的问题?任何帮助,将不胜感激; 另外,如果有HTML5 Compass App的一些实用示例,将其发布在此处会很有帮助。

先感谢您!

Lor*_*ssi 3

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

deviceOrientationEvent: function(event){
    console.log(event.alpha);
};
window.addEventListener("deviceorientationabsolute", deviceOrientationEvent, true);
Run Code Online (Sandbox Code Playgroud)