Opacity bug

[charlesroddie]

Svg content:

<svg viewBox="30 0 870 1050">
<path fill="#ffffffff"
    d="M702 960c-54.2 52.6-114 44.4-171 19.6-60.6-25.3-116-26.9-180 0-79.7 34.4-122 24.4-170-19.6-271-279-231-704 77-720 74.7 4 127 41.3 171 44.4 65.4-13.3 128-51.4 198-46.4 84.1 6.8 147 40 189 99.7-173 104-132 332 26.9 396-31.8 83.5-72.6 166-141 227z
    M423 237C414.9 113 515.4 11 631 1c15.9 143-130 250-208 236z"/>
</svg>

Display on a black background:

With "#ffffff", it correctly displays as:

[wieslawsoltes]

Default fill is black

[dbriard]

Hum too bad, a limitation of SkiaSharp? Thx for your quick reply!

[dbriard]

I think I found a workaround here: https://shopify.github.io/react-native-skia/docs/images-svg/

I'll try to search and replace the svg file at loading time.

[dbriard]

With fill-opacity, it render correctly, but unfortunatly it do not work for hit-test.

It is for use in a design project, do you think transparency supports and hit-testing could be something that you can fix when you have free time?

[wieslawsoltes]

You can contact me and get support contract if needed, but next year I have fully booked.

[dbriard]

Thank you for helping, I found a workaround of workaround... when I add fill-opacity: 0.002, hit test works, and the surface seems to look fully transparent.