shuding/ apple-pencil-safari-api-test
Need help with apple-pencil-safari-api-test?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
About the developer
267 Stars 
29 Forks 
21 Commits 
0 Opened issues 
Description
Canvas based sketch board, with force touch and real-time Bezier curves.
Services available
Contributors list
Readme
3D Touch / Force Touch API Demo
A canvas demo featuring:
- Apple Pencil and 3D Touch pressure detection
- smooth Bezier curve drawing
In vanilla JS. Tested in Safari & Google Chrome on iOS 9.3.
Help me test on Android/Windows/macOS devices and leave an issue please!
|API |Capability (Apple devices with iOS 9)|Capability (Apple devices with iOS 13)| |---|---|---| |force|:whitecheckmark:|:whitecheckmark:| |radiusX|:x:|:whitecheckmark:| |radiusY|:x:|:whitecheckmark:| |rotationAngle|:x:|:question:| |touchType|:question:|:whitecheckmark:| |altitudeAngle|:question:|:whitecheckmark:| |azimuthAngle|:question:|:whitecheckmark:|
To visualize
altitudeAngleand
azimuthAngle(source: Apple):
Related Resources
- Touch Events - Level 2, W3C Draft
- The
Touch
Object on MDN radiusX
- Illustrating the Force, Altitude, and Azimuth Properties of Touch Input
Pointer Events & Polyfills
- Pointer Events on W3C
- Microsoft Edge
- Hand.js -> jQuery PEP.
- MSPointerXXX: MSDN Blog