PointerEvent: azimuthAngle プロパティ

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

azimuthAnglePointerEvent インターフェイスの読み取り専用プロパティで、 Y-Z 平面と、トランスデューサー(ポインターまたはスタイラス)の軸および Y 軸の両方を含む平面との間の角度を表します。

特定のハードウェアやプラットフォームによっては、ユーザーエージェントが画面平面に相対するトランスデューサーの方向として、tiltXtiltY、または altitudeAngleazimuthAngle のいずれか一組の値しか受け取らない可能性があります。

ポインターの方位角と高度角の比較

このプロパティの追加の説明については、仕様書の Figure 5 を参照してください。

0 から までのラジアンによる角度で、0 は X-Y 平面上で、キャップが X 値の増加方向(真下に見て「3 時」の方向)を向いているトランスデューサーを表します。時計回りに進むにつれて値が徐々に増加します(「6 時」の位置でπ/2、「9 時」の位置でπ、「12 時」の位置で3π/2)。

トランスデューサーが表面に対して垂直(altitudeAngleπ/2)の場合、値は 0 になります。 傾きや角度を報告しないハードウェアやプラットフォームでは、値は 0 です。

js
someElement.addEventListener(
  "pointerdown",
  (event) => {
    process_angles(event.altitudeAngle, event.azimuthAngle);
  },
  false,
);

仕様書

Specification
Pointer Events
# dom-pointerevent-azimuthangle

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
azimuthAngle

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

関連情報