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

ブラウザーの互換性

BCD tables only load in the browser

関連情報