JavaScript 取得裝置方向(旋轉角度)

在 JavaScript 中可以使用 deviceorientation 判斷設備的方向、旋轉角度。

判斷是否支援 deviceorientation API
    
if (window.DeviceOrientationEvent) {
    window.addEventListener('deviceorientation', (event) => {
        console.log('裝置支援 DeviceOrientationEvent');
    });
} else {
    console.log('裝置不支援 DeviceOrientationEvent');
}
    

取得旋轉角度資訊
    
window.addEventListener('deviceorientation', (event) => {
    const alpha = event.alpha; // Z軸的旋轉角度 (0 到 360)
    const beta = event.beta;   // X軸的旋轉角度 (-180 到 180)
    const gamma = event.gamma; // Y軸的旋轉角度 (-90 到 90)

    console.log(`alpha: ${alpha}, beta: ${beta}, gamma: ${gamma}`);
});

    



參考資料:
mdn - Window: deviceorientation event

留言