html5获取手机陀螺仪角度信息

本文由清尘发表于2016-07-27 15:33属于javascript分类

html5事件中,deviceorientation事件,此事件是检测设备方向变化时的事件。其常用属性为alpha(x)、beta(y)、gamma(z)。

默认将手机垂直,且正面(90度)冲着自己

alpha:左右旋转

beta:前后旋转

gamma:扭转(自转)

window.addEventListener('deviceorientation',orientationHandler,false);

function orientationHandler(event){
    $('#t').html('前后旋转' + Math.round(event.beta) +'度' + '<br/>左右旋转:' + Math.round(event.alpha) + '<br/>扭转设备:' + Math.round(event.gamma));
}