SVGs opening as blank documents in vector editing software about showcode HOT 9 CLOSED

Hi @lessonhacker! You're right -- I can't even open the SVG's in photopea.com. Let me get this fixed 👍

from showcode.

Yea it’s similar to that (on my phone at the moment so can’t post screenshot of Chrome example). Looks like the tech is getting there but not entirely yet.

I’ll keep this issue closed for the time being. I may dive into this package and see if I can commit any PRs to resolve these issues.

from showcode.

Okay, this is apparently going to be near impossible to fix due to show shiki generates tokens. I investigated very thoroughly, and no one has been able to export shiki tokens to SVG, even on the shiki playground site, SVG's don't get generated properly.

We'll have to wait on this one 👍

from showcode.

I've also tried using paid software, but even it can't handle processing shiki tokens...

from showcode.

Maybe it's a good idea to disable SVG export altogether...
Looking at the SVG source, it's basically HTML & CSS wrapped in an SVG tag. That's not really helpful... and also misleading. I am tempted to always save and keep a format that's scalable and lossless, but now I'm glad I didn't use SVG export. 😅

Carbon does exactly the same, by the way...

from showcode.

from showcode.

This may be the ticket: https://www.npmjs.com/package/dom-to-svg

from showcode.

Results aren't perfect using dom-to-svg, but they're the best I've seen. Shadows are lost unfortunately, along with background gradients.

Is the below good enough for you guys?

Another example:

from showcode.

I don't know how it looks for you, but it's completely shot in Firefox:

from showcode.