在 JavaScript 中可以使用 deviceorientation 判斷設備的方向、旋轉角度。
判斷是否支援 deviceorientation API
取得旋轉角度資訊
參考資料:
mdn - Window: deviceorientation event
判斷是否支援 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
留言
張貼留言
如果有任何問題、建議、想說的話或文章題目推薦,都歡迎留言或來信: a@ruyut.com