Devlog 04 and 05

Devlog 04

I added an image preview, then noticed a problem: the original picture and the drawing area could have different shapes. A wide image was getting squished, which looked terrible.

What I did

Added a preview area to the interface.
Resized images while keeping their aspect ratio.
Letterboxed them on a white canvas so the processing area stays consistent.

Current result

Images fit the drawing canvas without stretching.
The preview is much closer to what the bot will use.

Devlog 05

So I was thinking that drawing every pixel would take forever. I tried edge detection instead, because an outline is often enough to recognise a picture.

What I did

Added OpenCV and converted images to grayscale.
Used blur plus Canny edge detection to find visible outlines.
Saved the generated edge image for previewing and debugging.
Had a lot of problems with the back end when converting PNG / SVG

Current result

The app can turn an image into line-art data.
Some rendering issues when using a PNG or a SVG
I can see why some pictures work better than others.

(1st Image is the gray scale version of , the 2nd image)