具有重叠的两个圆的SwiftUI同步/遮罩修剪

import SwiftUI

struct ContentView: View {
    var body: some View {
        ZStack {
            // 第一个圆
            Circle()
                .fill(Color.blue)
                .frame(width: 100, height: 100)
                .position(x: 100, y: 100)
            
            // 第二个圆
            Circle()
                .fill(Color.red)
                .frame(width: 100, height: 100)
                .position(x: 150, y: 100)
                .blendMode(.overlay) // 使用混合模式
            
            // 遮罩修剪
            Circle()
                .fill(Color.white)
                .frame(width: 150, height: 100)
                .position(x: 125, y: 100)
                .mask(
                    ZStack {
                        Circle()
                            .fill(Color.black)
                            .frame(width: 100, height: 100)
                            .position(x: 100, y: 100)
                        Circle()
                            .fill(Color.black)
                            .frame(width: 100, height: 100)
                            .position(x: 150, y: 100)
                    }
                )
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}