PointerEvent: tiltX プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

tiltX は PointerEvent インターフェイスの読み取り専用プロパティで、ポインターの Y-Z 平面と画面との間の角度（度単位）です。このプロパティは通常、ペン/スタイラス型のポインターにのみ役立ちます。

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

値

ポインター（スタイラス）の Y-Z 平面と画面の間の角度（度単位）。値の範囲は -90 から 90 です。ここで、正の値は右への傾きです。このプロパティに対応していない機器の場合、値は 0 です。

この例は、tiltX プロパティおよび tiltY プロパティへの簡単なアクセスを示しています。

someElement.addEventListener(
  "pointerdown",
  (event) => {
    process_tilt(event.tiltX, event.tiltY);
  },
  false,
);

Specification
Pointer Events # dom-pointerevent-tiltx