ColoringCanvas

A raster-first coloring engine for the web.

Created and maintained by Funboxie.

npm install coloring-canvas

import {
  ColoringCanvas,
  LocalStoragePersistenceAdapter,
} from 'coloring-canvas';

const engine = new ColoringCanvas(document.querySelector('#canvas')!, {
  persistence: new LocalStoragePersistenceAdapter(),
});

await engine.loadSource({
  id: 'lion-01',
  image: '/line-art/lion.png',
});

engine.setTool('bucket');
engine.setColor('#63C7EA');

The package has no runtime dependencies and does not include toolbar UI. Host applications own their controls and connect them through the public API and typed events.