dougrich/conscripter

Uploaded SVGs appear blank in Conscripter

Opened this issue · 3 comments

SirPaperweightTheThird commented

Describe the bug
I made simple PNG glyphs that I imported into Inkscape. Then, I resized the image down to just my glyph and saved the result as an SVG. However, the SVG does not appear to render in Conscripter. There seems to be spacing reserved for where the glyph should be, but no actual glyph appears.

To Reproduce
Github isn't letting me upload .SVG, .OTF, or .TXT files a the moment. Here's a screenshot of the website after I tried replacing the letter Q with my glyph.

Untitled

And here's what the glyph should look like.

BB

I apologize if I am missing something obvious here, I am new to working with .SVG files. Thank you for your patience.

Context

  • browser version
    Chrome version 77.0.3865.120
  • operating system version
    Windows 10 version 1809
  • any relevant plugins
    No
dougrich commented

Would you mind uploading on GitHub the SVG you were using? The glyph you posted is the PNG and having the SVG you were trying to use would make it a lot easier to debug.

Had you 'traced' the glyphs in Inkscape? It might have embedded the .png instead of importing it as paths into the SVG. You can see the inkscape tutorial on that here.

SirPaperweightTheThird commented

Would you mind uploading on GitHub the SVG you were using? The glyph you posted is the PNG and having the SVG you were trying to use would make it a lot easier to debug.

Had you 'traced' the glyphs in Inkscape? It might have embedded the .png instead of importing it as paths into the SVG. You can see the inkscape tutorial on that here.

I apologize for my ignorance, but I'm not quite sure how to upload an SVG to GitHub. I can't attach an SVG to this post for some reason. I tried saving the image as a TXT file, but when I attach it to this post I get the error "Something went really wrong, and we can't process that file."

I appreciate the Inkscape tip. After tracing the PNG, my new SVG appears in Conscripter, but it looks deformed.

dougrich commented

Deformed makes a bit more sense, but still isn't perfect. I should check to see if there's an embedded image and warn users.

Without the actual SVG I can't do too much about the deformation. I'll try tracing the PNG you uploaded in Inkscape - maybe I'll be able to create the same SVG on my side.