如何将UIView按UIBezierPath/CGPath遮罩并截取指定区域截图？

看起来你遇到的核心问题是CAShapeLayer遮罩未正确生效，以及后续截图逻辑没有精准定位到目标绘制区域。我来一步步帮你解决：

一、先修复视图遮罩的问题 #

你的mask(withPath:)扩展漏掉了关键一步：给maskLayer设置frame！CAShapeLayer默认的frame是CGRect.zero，哪怕你设置了正确的path，也不会在视图上显示遮罩效果。修改你的扩展：

extension UIView {
    func mask(withPath path: UIBezierPath) {
        let maskLayer = CAShapeLayer()
        maskLayer.path = path.cgPath
        // 必须让maskLayer的frame和当前视图的bounds完全匹配
        maskLayer.frame = self.bounds
        self.layer.mask = maskLayer
    }
}

另外还要注意坐标系匹配：如果你的last.closedPath是相对于drawView（你实际绘制内容的视图）的坐标，需要把路径转换到overlayView的坐标系下，否则遮罩会错位：

// 假设drawView是承载绘制内容的视图
let transform = drawView.convert(CGAffineTransform.identity, to: overlayView)
guard let convertedPath = last.closedPath.copy(using: transform) else { return }
overlayView.mask(withPath: UIBezierPath(cgPath: convertedPath))

二、更高效的路径区域截图方案 #

其实你不需要用半透明遮罩视图来辅助截图，直接通过图形上下文的裁剪功能，就能精准截取drawView中路径覆盖的区域，步骤如下：

// 1. 创建和drawView尺寸一致的高清上下文
UIGraphicsBeginImageContextWithOptions(drawView.bounds.size, false, UIScreen.main.scale)
defer { UIGraphicsEndImageContext() }

// 2. 获取上下文并设置裁剪路径
guard let context = UIGraphicsGetCurrentContext() else { return }

// 如果需要包含线条宽度，先把路径描边（比如你的lineWidth是10）
let strokedPath = last.closedPath.copy(
    strokingWithWidth: 10,
    lineCap: .round,
    lineJoin: .round,
    miterLimit: 0
)
context.addPath(strokedPath)
context.clip() // 裁剪上下文，仅保留路径内的绘制区域

// 3. 将drawView的内容绘制到裁剪后的上下文
drawView.drawHierarchy(in: drawView.bounds, afterScreenUpdates: true)

// 4. 获取并保存截图
if let targetImage = UIGraphicsGetImageFromCurrentImageContext() {
    UIImageWriteToSavedPhotosAlbum(targetImage, nil, nil, nil)
}

额外排查点 #

• 确认last.closedPath是正确闭合的路径：可以临时把这个路径用CAShapeLayer画到drawView上，直观检查区域是否符合预期。
• 如果你的路径是动态绘制的，确保在调用截图方法前，drawView的内容已经完成更新（比如afterScreenUpdates设为true）。

内容的提问来源于stack exchange，提问作者LinusG.