Basic

Type
Width
Height

Coords

movement
x
y

Pressure

Pressure
Tangential

Scribble here.

Works best with a stylus input. Support for different fields will vary based on platform and browser.

Tilt

x
y

Angles

azimuth
altitude

Twist

Help


From the spec...

width/height: 'contact' width/height in CSS pixels

pressure: pressure value (0..1 scale) if supported. 0.5 is used if the input device does not have pressure sensing and the button is being pressed.

tangentialPressure: barrel pressure (eg wheel on an airbrush stylus). (-1..1 scale)

tiltX: Angle in degrees (-90...90). A pen perpendicular to screen is around 0, tilted to the right progresses toward 90, and left toward -90

tiltY: Angle in degrees (-90...90). A pen perpendicular to the screen is around 0. If the non-contact end is tilted toward the top of the screen it will progress toward -90. If the non-contact end is tilted down toward the bottom of the screen it will increase to 90.

twist: Clockwise rotation in degrees (0...359) around the pen's own axis

altitudeAngle: Altitude in radians (0..π/2) of pen body to surface. 0 is parallel to screen (ie lying down) and π/2 is perpendicular. Thus is refers to how steep the angle of stylus to screen is.

azimuthAngle: Azimuth angle in radians (0..π/2) of pen body. 0 means the stylus is angled at the 3 o'clock position, π/2 at 6:00, π at 9:00 and 3π/2 at 12.