fill: transparent; in path draws as a black box

[Christian Vonrüti]

The attached SVG renders incorrectly. It renders a transparent portion as black.

The path on line 6 uses the style "fill: transparent" which doesn't seem to be supported by Inkscape. Selecting the path in the object hierarchy, Inkscape says "Paint is undefined" and uses black paint instead.

Chrome/Firefox etc render this SVG without issues.

[Hachmann (marenhachmann)]

When looking into the SVG specification, I cannot find that 'fill: transparent' is valid SVG code:
https://www.w3.org/TR/SVG/painting.html#SpecifyingPaint
https://www.w3.org/TR/SVG/types.html#ColorKeywords

Did I overlook the transparent keyword somewhere, perhaps?

What software did you use to create this?

[Christian Vonrüti (3-cheistian-4)]

No, I agree. I ended up checking the same pages that you linked by starting with the fill property definition.

I used vega's vg2svg utility to generate the SVG.

Sorry about that, I had run it through validator.nu with HTML + SVG 1.1 and it checked out.

I will log a bug against their project for this.

Do you implement stuff that's beyond the spec or what is your policy on this?

[Hachmann (marenhachmann)]

Sorry, just a user here. But I know that SVG compatibility is very important here.

The project rather tries to work on modifying the specs (see for example http://tavmjong.free.fr/blog/). That does not mean that Inkscape doesn't introduce its own 'extensions' to the XML, but - aside from the flowed text issue (will hopefully be solved in 0.93) and the mesh gradients, that might go the same way - always provides a fallback.