drawall

2.0.0 • Public • Published

GitHub version github release version npm version License: MIT PRs welcome

DraWall

Draw over canvas with touch or pointer events

Designed to offer a unified and consistent user experience across various devices, ensuring smooth and responsive painting interactions for users.

This library bridges the gap between Android and iOS by seamlessly integrating touch and pointer events. Users on both platforms can enjoy a consistent and reliable painting experience. In my own Touch events are notoriously finicky on Android devices, often leading to inconsistent behavior, but Pointer events works fine, on iOS is just the opposite.

Motivation

A simple drawing lib for use in my remotepad app

Use

See demo.js

From CDN

https://cdn.jsdelivr.net/npm/drawall@1.0.0/drawall.min.js

Features

  • Simple interface - regardless of the underlying event type (touch or pointer), the library presents a unified interface for handling painting interactions. drawstart, drawmove, drawend
  • Smooth painting

Event details

{
    x: 0,   // coords
    y: 0, 
    l: 1,   // lineWidth - pressure
    c: #000 // color 
}

Screenshot

Package Sidebar

Install

npm i drawall

Weekly Downloads

0

Version

2.0.0

License

MIT

Unpacked Size

106 kB

Total Files

8

Last publish

Collaborators

  • romheat