Fading in/out SVGs without showing the half-transparent SVG-layers

Questions & Answers
1

I’m using the build-in Vector Graphics package. It’s great for working with SVGs in Unity! (I’m using Version 2.0.0 - preview.12)

However, I want to fade in some SVGs. So I’m changing alpha value of the SpriteRenderer’s Color. But each sublayer of the SVG gets rendered half-transparent, which in some cases looks very bad!
Is it possible to fade in/out SVGs without this happening?

I’ve made a simple example of a SVG with 2 layers (a red and a yellow box) that illustrates the problem and what I try to achieve:

154874-svg-fading.png
154874-svg-fading.png800×500 10.1 KB

Any advance would be much valued! :slight_smile:

2

Having the same issue while using the color setting of the SVG Image component

3

Short answer, it is impossible at the moment.

You could rasterize your images as png or another format and apply opacity. But I’m aware that this is probably not what you want since you lose the .svg format :confused:

Answer from unity devs here : https://forum.unity.com/threads/vector-graphics-preview-package.529845/page-21#post-6199931