Create single line SVG illustrations from your pictures.
This is an exported SVG animated using Vivus.
How does it work?
- The image is normalized for brightness and transformed to grayscale. See canvasDataToGrayscale.
- A point in the canvas is selected and a line starts looking for different paths to draw next. See scan functions
- Lines are batched to be drawn and get flushed almost every frame.
- Results are exported as svg as a very simple
polyline, see generateSvg.