如何检测两个CAShapeLayer相交并修改相交像素颜色

针对你的需求，不用直接操作UIImage像素也能实现精确的融合效果，甚至比像素检测更高效精准。下面分两种方案说明：

方案一：利用Core Graphics路径裁剪 + 混合模式（推荐） #

你的ShapeView是通过UIGraphicsBeginImageContextWithOptions将CAShapeLayer转成UIImage，那可以在生成这个UIImage的过程中，直接处理描边的透明区域，不用等转成UIImage后再修改。

假设你要处理ShapeView A的描边，让它落在ShapeView B内部的部分变透明，步骤如下：

1. 转换坐标系：CAShapeLayer的路径基于自身layer坐标系，而Core Graphics绘图原点在左下角，需先做坐标转换。
2. 绘制基础描边：先将ShapeView A的描边绘制到图形上下文。
3. 裁剪并清除内部区域：用ShapeView B的路径作为裁剪区域，使用kCGBlendModeClear混合模式清除该区域内的描边像素。

代码示例（修改ShapeView生成image的逻辑）：

func generateBlendedImage(with otherShapeLayer: CAShapeLayer) -> UIImage? {
    let bounds = self.bounds
    UIGraphicsBeginImageContextWithOptions(bounds.size, false, UIScreen.main.scale)
    guard let context = UIGraphicsGetCurrentContext() else { return nil }
    
    // 转换坐标系（UIKit -> Core Graphics）
    context.translateBy(x: 0, y: bounds.size.height)
    context.scaleBy(x: 1.0, y: -1.0)
    
    // 1. 绘制当前shape的描边
    self.shape.render(in: context)
    
    // 2. 设置裁剪区域为另一个形状的路径
    context.addPath(otherShapeLayer.path!)
    context.clip()
    
    // 3. 用Clear混合模式清除裁剪区域内的内容（即另一个形状内部的描边）
    context.setBlendMode(.clear)
    self.shape.render(in: context)
    
    // 恢复混合模式
    context.setBlendMode(.normal)
    
    let blendedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return blendedImage
}

调用时，只需把另一个ShapeView的shape传进去，生成的image就是处理好的融合效果。

方案二：直接操作UIImage像素（不推荐，效率低） #

如果一定要基于已生成的UIImage做像素检测和修改，步骤如下：

1. 获取UIImage的像素数据：将UIImage转成CGImage，提取像素缓冲区。
2. 判断像素点是否在另一个形状路径内：遍历每个像素，将像素坐标转换为对应shape的坐标系，用CGPathContainsPoint判断是否在路径内。
3. 修改透明像素：如果该点在另一个形状内部，将像素的alpha通道设为0（即UIClearColor）。

代码示例：

func modifyImagePixels(_ originalImage: UIImage, maskShapeLayer: CAShapeLayer) -> UIImage? {
    guard let cgImage = originalImage.cgImage else { return nil }
    let width = cgImage.width
    let height = cgImage.height
    let bytesPerPixel = 4
    let bytesPerRow = bytesPerPixel * width
    let bitsPerComponent = 8
    var pixelData = [UInt8](repeating: 0, count: width * height * bytesPerPixel)
    
    let colorSpace = CGColorSpaceCreateDeviceRGB()
    let context = CGContext(data: &pixelData,
                            width: width,
                            height: height,
                            bitsPerComponent: bitsPerComponent,
                            bytesPerRow: bytesPerRow,
                            space: colorSpace,
                            bitmapInfo: CGImageAlphaInfo.premultipliedLast.rawValue)
    
    context?.draw(cgImage, in: CGRect(x: 0, y: 0, width: width, height: height))
    
    // 转换坐标系：像素坐标（Core Graphics）转maskShapeLayer的坐标系
    let transform = CGAffineTransform(scaleX: 1, y: -1).translatedBy(x: 0, y: -CGFloat(height))
    let path = maskShapeLayer.path!.copy(using: &transform)!
    
    for y in 0..<height {
        for x in 0..<width {
            let pixelIndex = (y * width + x) * bytesPerPixel
            // 只处理描边的黑色像素（假设描边是纯黑色，可根据实际调整）
            if pixelData[pixelIndex] == 0 && pixelData[pixelIndex+1] == 0 && pixelData[pixelIndex+2] == 0 {
                let point = CGPoint(x: CGFloat(x), y: CGFloat(y))
                // 判断是否在另一个形状内部
                if CGPathContainsPoint(path, nil, point, false) {
                    // 设置alpha为0，变为透明
                    pixelData[pixelIndex+3] = 0
                }
            }
        }
    }
    
    guard let modifiedCGImage = context?.makeImage() else { return nil }
    let modifiedImage = UIImage(cgImage: modifiedCGImage, scale: originalImage.scale, orientation: originalImage.imageOrientation)
    return modifiedImage
}

注意：这种方法需要遍历所有像素，大尺寸图像性能较差，还要注意像素坐标系和shape坐标系的转换，以及准确识别描边像素（若描边非纯黑色，需调整判断条件）。

关键注意点 #

• 坐标系转换：UIKit和Core Graphics的坐标系原点方向相反，处理路径和像素时必须转换，否则判断会出错。
• 路径的frame匹配：确保两个ShapeView的frame在父视图中正确，路径坐标系基于各自ShapeView的bounds，需将像素点转换到对应ShapeView的坐标系下再判断。
• 性能考量：方案一直接在绘图上下文处理，性能远高于方案二的像素遍历，优先推荐方案一。

内容的提问来源于stack exchange，提问作者Ser Pounce