AVCapturePhotoOutput resizeAspectFill模式下预览框裁剪图片宽度偏差问题

• 坐标转换逻辑未适配.resizeAspectFill的裁剪特性：当预览层宽高比与相机输出照片的原始宽高比不一致时，.resizeAspectFill会将图像等比缩放至填满预览层，超出预览层的边缘内容会被直接裁剪。你当前的实现直接基于屏幕宽高做坐标归一化，默认预览层显示范围等于原始照片的完整范围，忽略了原始照片左右被裁剪的偏移量，这是宽度裁剪不准的核心原因。
• 手动做坐标变换容易遗漏方向、原点差异：UIKit的坐标原点在左上角，而CIImage、相机输出的归一化坐标原点在左下角，手动处理翻转、缩放容易出现计算误差。

推荐直接使用AVFoundation提供的原生坐标转换方法metadataOutputRectConverted(fromLayerRect:)，该方法会自动适配当前videoGravity配置，将预览层上的坐标转换为相机输出对应的归一化坐标，无需手动计算缩放、翻转参数。

修改后的代码示例 #

private func cropImage(image: UIImage) {
    // 预览层上的固定裁剪框
    let previewRect = CGRect(x: 25, y: 150, width: 325, height: 230)
    // 用系统方法转换为相机输出对应的归一化坐标，自动适配.resizeAspectFill
    let normalizedRect = previewLayer.metadataOutputRectConverted(fromLayerRect: previewRect)
    
    // 归一化坐标转成实际照片尺寸的坐标
    let cropRect = CGRect(
        x: normalizedRect.origin.x * image.size.width,
        y: normalizedRect.origin.y * image.size.height,
        width: normalizedRect.size.width * image.size.width,
        height: normalizedRect.size.height * image.size.height
    )
    
    // 处理方向，裁剪图像
    guard let orientedImage = image.forceSameOrientation(),
          let cgImage = orientedImage.cgImage,
          let croppedCGImage = cgImage.cropping(to: cropRect) else {
        return
    }
    let output = UIImage(cgImage: croppedCGImage, scale: image.scale, orientation: image.imageOrientation)
    
    // 后续展示逻辑不变
    let vc = PreviewViewController()
    vc.imageView.image = output
    self.present(vc, animated: true, completion: nil)
}

补充说明 #

• 代码中的previewLayer是你当前使用的AVCaptureVideoPreviewLayer实例，需要确保该变量可在当前方法中访问。
• 如果你仍需要使用透视校正滤镜，直接把转换后得到的cropRect的四个顶点传入即可，不需要再手动做缩放、翻转处理。
• 如果出现方向偏移，只需要调整forceSameOrientation()的实现，保证输入裁剪的图像方向固定为向上即可，坐标转换逻辑不需要修改。

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