SVG render bug

[mbriggs]

First of all, thank you guys for building/maintaining this awesome library. Really love that this project exists :)

I have a weird issue with an SVG I got from a designer (believe it was made in illustrator). There are some areas filled black that should be transparent.

Version

1.6.2

Test Case

http://jsfiddle.net/f8yepcsg/2/

Steps to reproduce

• load the provided svg (http://matt.dev.s3.amazonaws.com/dieline.svg) via fabric.loadSVGFromURL
• make a PathGroup with fabric.util.groupSVGElements
• add group to Canvas

Expected Behavior

Actual Behavior

(the outer outline is just the canvas from the jsfiddle test case)

[asturur]

svg is not accessible.

[mbriggs]

derp, sorry about that. made it public

[mbriggs]

uploading it here for posterity dieline.svg.zip

[asturur]

it has to be a problem with styling. i have to check if multiple classes declaration are supported. Is this the only svg giving you problem? do you have any other similar that is working fine?

[mbriggs]

this was sort of a test svg given to me by my designer, he is going to work on others today. Ill mention the multiple class thing and see if he knows what im talkiing about, but pretty sure he is just using illustrator and exporting as svg

[mbriggs]

ok, here are another few from the designer. Both have similar issues
svg.zip

[asturur]

can you show me how it should look like?

[asturur]

dumb question i opened svg.