How to remove intersection of two transparent shapes on canvas?

Question

I want to remove the intersection of two shapes, I understand that to do this I can use the XOR operation. the problem is that I need these two shapes to be transparent. By