Inkscape.org
Beginners' Questions SVG invisible
  1. #1
    leon_m leon_m @leon_m

    Hi,

    I'm using Windows 10 with Inkscape version 1.2.

    I'm experiencing an issue with an attached SVG file. When I open it in Inkscape, the image appears to be invisible. I suspect that the problem lies in the way the drop-shadow was applied when the file was created in Adobe Illustrator.

    I would appreciate any guidance on how I can make this SVG file compatible with Inkscape.

    Is 01
  2. #2
    Polygon Polygon @Polygon🌶

    Can´t tell exactly how AI is generating this but after deleting the applied filters and calling a new drop shadow it works right out of the box - except the shadows run over the next element. Not sure if that´s an unwanted effect.

    I made new fill colours by accident. ;-)

  3. #3
    leon_m leon_m @leon_m

    Thanks for that, it's really helpful.

    I'm stuck on removing the filters from the original SVG though, how did you do that?

    I've tried 

    Select all, Filters > Remove filters
    and
    Select paths one-by-one, Filters > Remove filters
    neither of those are working for me.

  4. #4
    Polygon Polygon @Polygon🌶
    👍

    I have ungrouped first and then Filters->Remove filters here.

  5. #5
    leon_m leon_m @leon_m

    Thank you @Polygon - mission accomplished!

    Here are all the steps in case someone else stumbles on this thread with a similar issue.

    Open image
    File > Open
    Edit > Select All
    Object > Ungroup
    Filters > Remove filters
    Object > Group
    Filters > Shadows and Glows > Drop Shadow: Select Live preview, then use the options to create the desired shadow.

    Finally the original image was cropped up to the path edges, I had to add some canvas for the shadow, to do that:
    File > Document Properties > Display (tab) > Click Resize to content.

  6. #6
    schreibmaschine schreibmaschine @schreibmaschine

    I'm having a similar issue. In this case I didn't make the original SVG files. I have a lot of similar files I need to convert to PNG. Some of them are invisible. All of them work when I open them in a browser, but for some reason invisible when I open them in Inkscape or use a svg>png converter.

    The files attached, one works and one doesn't.

    Korak Green works but DruchiiViolet doesn't work, can someone tell me a way to convert these to PNG?

    Shadedruchiiviolet
  7. #7
    Tyler Durden Tyler Durden @TylerDurden

    Please share "DruchiiViolet ".

  8. #8
    schreibmaschine schreibmaschine @schreibmaschine

    Sorry, I thought it was also attached @TylerDurden

    Shadedruchiiviolet
  9. #9
    Tyler Durden Tyler Durden @TylerDurden

    It will be easier to troubleshoot, with the file that has the issue.

  10. #10
    schreibmaschine schreibmaschine @schreibmaschine

    So weird, I could swear it had attached both times. I'm going to try and attach a few different files that don't work.

    Here is the original source of the file in case it doesn't work again. https://www.games-workshop.com/resources/catalog/product/600x620/99189953019_shadeDruchiiViolet.svg

    Shadedruchiiviolet
    Layerskullcrusherbrass
  11. #11
    schreibmaschine schreibmaschine @schreibmaschine

    Yeah, it looks like the files are broken in some way that they won't even attach to the post.

  12. #12
    Tyler Durden Tyler Durden @TylerDurden

    Ah. please zip(compress) the file before attaching.

  13. #13
    schreibmaschine schreibmaschine @schreibmaschine

    Here you go. There are 3 working and 3 broken in this zip

  14. #14
    Aero Aero @Aero◻️

    @leon_m
    Inkscape do not support filterUnits="userSpaceOnUse". All you need to do is delete it.

    @schreibmaschine
    Shorten the gradient IDs. Either manually or save a copy as optimised SVG with this option checked.