SVG output lines between paths

[ipetak]

Hi,

I've noticed that outputting the QR code as SVG generates SVG with lines that look like borders on some squares. I haven't managed to figure out what exactly those lines are, stroke, outline or just misalignment of paths, it seems like they are transparent. Here is a screenshot of SVG versus the PNG output so its easier to notice what I'm talking about.

My QR options are:
_
'version' => 6,
'eccLevel' => QRCode::ECC_L,
'outputType' => QRCode::OUTPUT_MARKUP_SVG,
'imageBase64' => false
_

Can you try recreating the issue and looking into it please, maybe I'm doing something wrong. Thank you ahead!

[codemasher]

Hey, it seems that's rather a browser issue, specifically rendering. The distance between the blocks should be 0 and there should not be a visible line regardless. I can see these lines too and it also depends on the browser's current zoom and changes with the zoom level, in both, chrome and firefox. As for the generation: at least the blocks of the same color in the same line should be connected and i found a bug that prevents this. I'll look into it as soon as i can but it's low priority as i'm currently revamping some internals. I can leave the issue open and tag it as "help needed" as i don't know too much about SVG to find an easy way how to fix it (one of which would be to connect all modules of the same color). Right now i can only suggest to use png output in case it's bothering.

[ipetak]

Sounds good, thanks for the fast response I'll use the PNG temporary and probably dig a bit more about the issue itself. Again thank you for the help.

[codemasher]

I'm currently working on an overhaul of the SVG output module and honestly i have absolutely no idea where these lines come from. I'll check this off as rendering issue which is beyond my powers to fix. In the current iteration I'm rendering each module individually and one would expect the lines between each then, but instead they just seem to appear randomly:

Having individual modules however has its perks: a nice way to circumvent the line issue (and - surprisingly - there are no visible lines between the few square blocks!?)

So I'm going to close this issue for now.

[codemasher]

Another update: it looks like the lines were caused by the modules being in different <path> elements (one for each functional pattern). I've added an option to combine the modules into a single path for each dark and light and the lines are gone. While still a render issue that shouldn't exist, the issue seems to be resolved.

[ipetak]

Great! Thank you for taking the time to look into this. Awesome work!