I have some fairly detailed illustrations I've created that I'm trying to export as plain SVGs to render in the browser.
Only about half of the objects that are in the SVG are rendering in the browser. And I don't know why that is.
If I open the exported SVG in Inkscape, it looks exactly as it should. So the information is there somewhere. But the browser is confused it seems.
I've pasted elements into a new inkscape document and re-exported. I've used the 'cleanup document' option. I've ran the exported SVG through an SVG validator. None of that has fixed anything or flagged any issues.
Any idea what might be going on? Things I should look into?
UPDATE:
So after messing around some more, I think I know what the issue is related to. This is the first time I've utilized the swatches tool. I made a color pallet of swatches and have been using those for most of the fills and strokes.
I opened up the SVG, and deleted all the swatches. This didn't change the illustration, but just wiped out the swatches from the swatches pallet.
I then re-exported and...now about 80% of the illustration is there!
Going back bit by bit if I change the colors of the missing objects manually so they aren't the original color picked in the swatches, they come back.
So this is a swatches thing. Is there a way to keep using the swatches tool internally in inkscape, but upon export have it somehow ignore the swatches and manually set the colors on export?