useDeviceOrientation

リアクティブな DeviceOrientationEvent。ウェブページを実行しているデバイスの物理的な向きに関する情報をウェブ開発者に提供します。

使用法

import { useDeviceOrientation } from '@vueuse/core'

const {
  isAbsolute,
  alpha,
  beta,
  gamma,
} = useDeviceOrientation()

状態	型	説明
isAbsolute	`boolean`	デバイスが絶対的に向きのデータを提供しているかどうかを示すブール値です。
alpha	`number`	デバイスがz軸周りに動く度合いを表す数値で、0から360の範囲で度数で表されます。
beta	`number`	デバイスがx軸周りに動く度合いを表す数値で、-180から180の範囲で度数で表されます。
gamma	`number`	デバイスがy軸周りに動く度合いを表す数値で、-90から90の範囲で度数で表されます。

MDNで状態に関する詳細情報を見つけることができます。

コンポーネントの使用法

<template>
  <UseDeviceOrientation v-slot="{ alpha, beta, gamma }">
    Alpha: {{ alpha }}
    Beta: {{ beta }}
    Gamma: {{ gamma }}
  </UseDeviceOrientation>
</template>

※このページは Nuxt.js 公式ドキュメントの翻訳ページです。

公式ドキュメントの該当ページはこちら：
#