Touch Screen Test
Paint a grid with your finger to find dead zones and see how many touches register at once.
Draw in the black area with a stylus, drawing tablet or Apple Pencil. The line gets thicker as pressure rises, and the read-outs show the pressure, tilt and pen buttons your browser receives.
Pressure
—
On Windows, browsers get pen pressure through Windows Ink. If Pressure stays at 0.500, turn on Windows Ink in the tablet driver, for example Use Windows Ink in Wacom Tablet Properties, and restart the browser.
Runs entirely in your browser. Test results, audio and video never leave your device.
Pen pressure levels are the number of steps a pen or drawing tablet reports between its lightest and its firmest press, such as 4,096 or 8,192. Browsers scale every pen's pressure to a value from 0 to 1, so a web page can show the pressure it receives but cannot read the number of levels the hardware advertises.
These are the ranges Pointer Events define. When the hardware or the browser has no data for a sensor, the browser sends the default in the last column, so a default can mean a missing sensor or a pen held exactly that way. Altitude / azimuth is the same pen angle as Tilt X / Y in another form, not extra sensor data: Chrome, for example, works it out from tilt, which it rounds to whole degrees. Where the browser does not report it, the read-out shows Not reported by this browser, and updating the browser may add it; the Browser Test shows which version you have.
| Read-out | Range | Without that sensor |
|---|---|---|
| Pressure | 0 to 1, from the lightest to the firmest press the hardware detects | 0.5 while pressed, 0 otherwise |
| Tangential pressure | −1 to 1, from the finger wheel on airbrush-style pens | 0 |
| Tilt X / Y | −90° to 90° on each axis | 0° |
| Altitude / azimuth | 0° (flat) to 90° (upright), and 0° to 360° around the tip | 90° and 0° |
| Twist | 0° to 359°, turning the pen around its own axis | 0° |
The page reads Pointer Events in the drawing area, with the in-between positions a browser groups into one event where it lists them. While the tip is down, each position adds a line from 1 px wide at pressure 0 to 16 px at pressure 1; the eraser paints black, 6 px to 36 px wide.
Pressure levels seen counts the different values above 0 reported while pressed, for each pointer type, up to 10,000. Pressure counts as changing at 5 values, and as not changing once one value repeats for 20 pressed samples, or on any mouse press.
Because no pressure data is reaching the browser. Pointer Events report 0.5 while pressed for anything that sends no pressure, such as a mouse or a pen the driver sends as a mouse. On Windows, turn on Windows Ink in the tablet driver and restart the browser.
The driver can treat them differently. Some drivers, Wacom’s among them, set Windows Ink for each app, so it can be on for Photoshop and off for your browser, and a drawing app can read the tablet another way through its own setting. Browsers on Windows get pressure only through Windows Ink, so turn it on for your browser.
It should, on iPad. Safari on iPad supports pen pressure and tilt in web pages, so an Apple Pencil that senses them should show both here; draw to check yours. Apple Pencil (USB-C) senses tilt but not pressure, so Pressure does not follow how hard you press with it, and that is not a fault.
It depends on the stylus, the device and the browser. Draw here: if Pointer type shows Pen and Pressure changes as you press, pressure reaches your browser. A stylus with a rubber or mesh tip works like a finger, so Pointer type shows Touch, and its Pressure is not a force measurement.
It may, but a finger’s reading is not a force measurement. It can stay fixed, or change on devices that pass on an estimate, Android phones for example. To check where a touch screen responds and how many fingers it tracks, use the Touch Screen Test.