Pintr

Create single line SVG illustrations from your pictures.

Examples

Plotter Art

Thanks @sableRaph for helping me create those. Using an AxiDraw.

Animated Example

This is an exported SVG animated using Vivus.

How does it work?

1. The image is normalized for brightness and transformed to grayscale. See canvasDataToGrayscale.
2. A point in the canvas is selected and a line starts looking for different paths to draw next. See scan functions
3. Lines are batched to be drawn and get flushed almost every frame.
4. Results are exported as svg as a very simple polyline, see generateSvg.

Pixel data and resizing were made using canvas-image-utils, better face definition using face-api.