javascript - DeviceOrientationEvent Alpha、Beta、Gamma 值...有人可以帮助解释如何可视化吗?

标签 javascript mobile dom-events

According to this documentation , alpha值表示设备绕 z 轴的运动,范围从 0 到 360 度。 beta是绕 x 轴的运动,范围从 -180 到 180。最后,gamma是设备绕 y 轴的运动,范围从 -90 到 90。

我很困惑的是,难道它们不都应该有 360 度扫描吗?另外,它们的 0 度在哪里?

最佳答案

我还没有深入研究过这个问题,所以对这个答案持保留态度。

0, 0, 0 是设备的自然位置。

您可以使用这些值解析任何方向。如果您将 Gamma 值设定为 -90 到 90,那就相当于将手机从一个边缘移动到另一边缘。

现在,如果您想继续从左向右滚动以使手机上下颠倒怎么办?您的 Beta 值将 >90 度(或 <-90 度)。

基本上,您不需要每次测量都进行 360 度旋转来确定方向的范围。

关于javascript - DeviceOrientationEvent Alpha、Beta、Gamma 值...有人可以帮助解释如何可视化吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26914723/

相关文章:

javascript - onmouseover 和 onmouseout 事件在页面加载时触发,而不是在事件上触发

javascript - 如何使用 angular-ui-bootstrap 根据屏幕分辨率在垂直药丸和选项卡之间正确交换?

javascript - 获取指定元素的总宽度,包括边距和填充

javascript - 重复执行时未处理的 promise 拒绝

javascript - 为什么图片数组总是空的?

android - 实现细粒度启用/禁用推送通知

android - 多个手机警报,一个覆盖另一个。哪个警报先于?怎么运行的?

css - JQuery Mobile - 在屏幕中间对齐按钮

javascript - 在循环中分配方法的非常奇怪的行为

javascript - DOM 属性更改时触发事件