How izumidkc/signature-processing works
Signature Cleaner is a browser-based tool for batch cleaning signature images and exporting transparent SVG or PNG, with no backend. The workflow is: select or drop images, validate and decode them, process them in a Web Worker, inspect results and adjust settings, then export or copy them. The README also documents batch saving, error reporting, and image limits. Several stages share app.js or engine.js; the excerpts show the worker dispatch and processing calls, while some UI and export details are supported only by the README.
Main entry points: app.js Batch workflow · worker.js Worker dispatch · engine.js SVG vectorization · index.html Web interface
Components 16
Image intake
- Web interface
web/src/index.html - File intake and validation
web/src/app.js - Image decode and resize
web/src/app.js - Batch workflow
web/src/app.js
Ink processing
- Worker dispatch
web/src/worker.js - Ink extraction
web/src/engine.js - Noise filtering and warnings
web/src/engine.js - SVG vectorization
web/src/engine.js - ImageTracerJS
Review and settings
- Preview and inspection
web/src/app.js - Processing settings
web/src/app.js
Export and save
- SVG result
web/src/engine.js - PNG rasterization
web/src/app.js - Download and clipboard
web/src/app.js - Batch save
web/src/app.js
Other components
- Image editor
Connections 18
- Image editor → Web interface: selects images
README.md - Web interface → File intake and validation: submits files
web/src/app.js - File intake and validation → Batch workflow: queues valid files
web/src/app.js - Batch workflow → Image decode and resize: decodes images
web/src/app.js - Batch workflow → Worker dispatch: dispatches jobs
web/src/app.js - Worker dispatch → Ink extraction: extracts ink
web/src/worker.js - Worker dispatch → SVG vectorization: vectorizes result
web/src/worker.js - Ink extraction → Noise filtering and warnings: filters components
web/src/engine.js - SVG vectorization → ImageTracerJS: traces contours
web/src/engine.js - SVG vectorization → SVG result: creates SVG
web/src/engine.js - Batch workflow → Preview and inspection: presents results
README.md - Image editor → Processing settings: adjusts options
README.md - Processing settings → Batch workflow: reapplies options
README.md - SVG result → PNG rasterization: rasterizes PNG
web/src/app.js - Image editor → Download and clipboard: requests export
README.md - Download and clipboard → SVG result: downloads SVG
web/src/app.js - Download and clipboard → PNG rasterization: downloads or copies PNG
README.md - Image editor → Batch save: saves batch
README.md