javascript - 绕 z 轴旋转时 iOS 陀螺仪错误

Question

我无法解决我遇到的一个奇怪的错误，想知道是否有其他人遇到过类似的问题或可以提供解决方案。

我正在使用 javascript 访问 iOS 设备上的陀螺仪，并且对围绕 z 轴的旋转很感兴趣；我想要设备平放在 table 上时的旋转 Angular 。

然而，陀螺仪似乎每旋转 360 度就偏离约 20 度。如果我将设备与 table 上的某物对齐，然后将设备旋转 360 度，将其返回到起点，则 Angular 读数为 ~340 度，而不是 360 度或 0。这是复合的，因此在旋转 1080 度后， Angular 偏离 ~60 度，如果我然后以相反的方向旋转它会反转错误(在这种情况下，在旋转 -1080 度后它将返回到 0 度)。

我已经在 Ipad 2、3 和 iPhone 4 上对此进行了测试，并且在所有这些设备上都发现了类似的问题 - 尽管 iPhone 更像是每 360 度 8 度。我也尝试过使用像 gyro.js 这样的库，但结果相同。

我整理了一个简短的代码笔示例来进行演示。 http://codepen.io/CharlesSmart/pen/ZYNXEJ?editors=101

window.addEventListener('deviceorientation', orientationHandler, false);
function orientationHandler(e)
{
var alpha = e.alpha
var div = document.getElementById('text');
div.innerHTML = alpha;
}

我是否以某种方式滥用了 orientation api？这可能是我使用的设备有问题吗？

如有任何建议，我们将不胜感激。

Answer 1

我敢打赌，您获得的是加速度计数据，而不是陀螺仪数据。

您可能需要“devicemotion”而不是“deviceorientation”。