Canvas based sketch board, with force touch and real-time Bezier curves.
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 | :white_check_mark: | :white_check_mark: |
radiusX | :x: | :white_check_mark: |
radiusY | :x: | :white_check_mark: |
rotationAngle | :x: | :question: |
touchType | :question: | :white_check_mark: |
altitudeAngle | :question: | :white_check_mark: |
azimuthAngle | :question: | :white_check_mark: |
To visualize altitudeAngle
and azimuthAngle
(source: Apple):
Touch
Object on MDN
radiusX