Transparent background issue

[dburgosp]

Hi.

Nice library, thanks a lot :)

I am having problems when loading some SVG with transparent background, for example https://back.webel.es/v1/images/categorias/5c12552f15e4fd133439cd97.svg

The transparent background appears black on an Android device using Sharp. Any idea?

Thanks in advance.

[pflammertsma]

It appears that the cause of this issue is the <clipPath> tag as this is not supported by Sharp. Instead of interpreting this as a clipping path, Sharp simply renders the content. Since the enclosed rect is by default filled as black, the a 300x300 black rectangle is rendered before any other content.

There are two possible workarounds:

1. Specify the fill opacity of the clipping path as transparent by setting fill-opacity="0" on the enclosed rect, or
2. Remove the clipping path altogether.

Perhaps a future version will ignore clipping path altogether as I think it's a bit too ambitious to implement clipping paths as per the SVG spec.

[pflammertsma]

This issue is related to #19.