Canvas sketch board, force touch, real-time Bezier curve.
3D Touch / Force Touch API Demo
A canvas demo featuring:
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):
TouchObject on MDN
radiusX