js陀螺仪的理解与分析

检测设备方向

倾听设备方向

window . addeventlistener(' device orientation '，handleOrientation，true)；事件包含以下值

属性描述类型事件的类型。泡泡事件正常冒泡可以取消吗活动可以取消吗？alpha设备围绕z轴的当前方向；也就是说，设备围绕垂直于设备的直线旋转了多远。器件围绕x轴的电流方向；也就是设备向前或向后倾斜的程度。设备绕y轴的当前方向；即设备向左或向右旋转的距离。绝对如果提供的方向是设备坐标系和地球坐标系之间的差值，则该值为该值；如果设备无法检测到地球坐标系，则该值为假。需要关注这四个返回值

绝对手机的轴如图所示：

首先，了解阿尔法

是设备绕z轴的方向

它的值范围在0到360度之间。当设备的顶部指向正北时，该属性的值为0。

即，围绕垂直于移动电话屏幕的轴旋转

如图所示：

第二，了解贝塔

是设备围绕X轴的方向

它的值范围在-180到180度之间。当设备平行于地球表面时，该属性的值为0。

即围绕平行于音量键的轴旋转

如图所示：

第三，了解伽马

伽玛是设备围绕y轴的方向

它的值范围在-90到90度之间。当设备平行于地球表面时，该属性的值为0。

即，围绕平行于充电端口的轴旋转

如图所示：

第四，理解绝对

绝对是用来判断是否是地球坐标系的。

如果当前设备坐标系对应于地球坐标系，则为True。

否则返回false；

当返回值为真时，可以使用其他坐标系作为参考

摘要

=绕垂直于手机屏幕的轴旋转=绕平行于音量键的轴旋转=绕平行于充电口的轴旋转

绝对=返回它是否对应于地球坐标系

示例代码：

如果(窗口。deviceorientionevent){ window。addEventListener(' deviceOrientation '，function (event) {//alpha:围绕垂直于手机屏幕的轴旋转的旋转角度为var rotateDegrees=event.alpha//gamma:旋转角度var leftToRight=event.gamma//beta:围绕平行于音量键的轴的旋转角度为var frontToBack=event.betahandleorientionevent(front toback，leftToRight，rotated grees)；}，真)；} var handledorientation event=function(front toback，从左到右，旋转度数){//弹奏夏威夷吉他}；为了浏览器的兼容性，您可以在使用MDN时参考它的描述

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。