Cavnas - Overlapping Radial Gradient Clears

This is a follow up from Canvas - Clear Circular Gradient. Following Hardmath's advice, I was able to clear a radial gradient area in my canvas. However, a new problem has arisen:

Solution 1:

I also had a similar situation where i have to show multiple radial gradiants that overlap each other but my last gradiant covers the pervious one.

I have found another thread related to it here createRadialGradient and transparency

Not sure if this can help you buy it certaily gave me an idea to try a solution.