SwiftUI中如何结合缩放偏移保存带定位签名的图片？

要实现缩放图片局部后保存对应区域的签名，核心是根据fixOffsetAndScale控制的scale和offset参数，计算出当前视图显示的原始图片区域，再将签名匹配到该区域后合成保存。

步骤1：确认核心状态与约束函数 #

假设你的SignatureAddingView已持有以下与fixOffsetAndScale联动的状态：

@State private var scale: CGFloat = 1.0 // 1-4倍缩放范围
@State private var offset: CGSize = .zero // 图片偏移量
let originalImage: UIImage // 用户选择的原始图片
@State private var signaturePath: UIBezierPath? // 记录用户绘制的签名路径

保留你原有的fixOffsetAndScale约束逻辑，确保缩放和偏移在合法范围内：

func fixOffsetAndScale(viewSize: CGSize) {
    // 限制缩放范围1-4倍
    scale = max(1.0, min(4.0, scale))
    
    let imageSize = originalImage.size
    let scaledImageWidth = imageSize.width * scale
    let scaledImageHeight = imageSize.height * scale
    
    // 计算最大允许偏移，确保图片不会完全移出视图
    let maxOffsetX = max(0, (scaledImageWidth - viewSize.width) / 2)
    let maxOffsetY = max(0, (scaledImageHeight - viewSize.height) / 2)
    
    offset.width = max(-maxOffsetX, min(maxOffsetX, offset.width))
    offset.height = max(-maxOffsetY, min(maxOffsetY, offset.height))
}

步骤2：实现适配缩放偏移的保存函数 #

核心逻辑是先裁剪原始图片到当前视图显示区域，再将签名转换到该区域坐标系后绘制合成：

func saveCombinedImage() -> UIImage? {
    // 获取当前视图实际尺寸（非全屏场景替换为self.view.bounds.size）
    let viewSize = UIScreen.main.bounds.size
    let imageSize = originalImage.size
    
    // 1. 计算原始图片中当前显示区域的裁剪矩形
    let scaledImageWidth = imageSize.width * scale
    let scaledImageHeight = imageSize.height * scale
    
    // 将视图偏移量转换为原始图片坐标系下的裁剪原点
    let cropOriginX = (imageSize.width - scaledImageWidth)/2 - offset.width / scale
    let cropOriginY = (imageSize.height - scaledImageHeight)/2 - offset.height / scale
    
    // 裁剪区域尺寸为视图尺寸除以缩放比例（还原到原始图片尺寸）
    let cropRect = CGRect(
        x: cropOriginX,
        y: cropOriginY,
        width: viewSize.width / scale,
        height: viewSize.height / scale
    )
    
    // 2. 裁剪原始图片到目标区域
    guard let croppedCGImage = originalImage.cgImage?.cropping(to: cropRect) else {
        print("裁剪图片失败")
        return nil
    }
    let baseImage = UIImage(cgImage: croppedCGImage)
    
    // 3. 在裁剪后的图片上绘制签名
    UIGraphicsBeginImageContextWithOptions(baseImage.size, false, UIScreen.main.scale)
    baseImage.draw(at: .zero)
    
    // 将签名从视图坐标系转换到裁剪后图片的坐标系
    let signatureTransform = CGAffineTransform(scaleX: 1/scale, y: 1/scale)
        .translatedBy(x: -cropOriginX, y: -cropOriginY)
    
    if let path = signaturePath {
        UIColor.black.setStroke() // 可替换为你的签名颜色
        path.lineWidth = 2.0 // 可替换为你的签名线宽
        path.copy(using: signatureTransform)?.stroke()
    }
    
    let combinedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    
    // 4. 保存到相册（按需保留）
    if let finalImage = combinedImage {
        UIImageWriteToSavedPhotosAlbum(finalImage, nil, nil, nil)
    }
    
    return combinedImage
}

关键逻辑说明 #

• 裁剪区域计算：offset是视图中图片相对于中心的偏移，转换到原始图片坐标系时需要除以缩放比例——因为缩放后的偏移量是原始的scale倍。
• 签名坐标转换：签名在视图坐标系绘制，需先缩放回原始图片比例，再平移到裁剪区域原点，确保签名位置与用户所见完全一致。
• 适配约束：fixOffsetAndScale已限制缩放和偏移范围，因此计算出的裁剪区域始终合法，不会超出原始图片边界。

替换签名存储方式的适配 #

如果你的签名不是用UIBezierPath存储，可按以下方式调整：

1. SwiftUI Path转UIBezierPath：

   let uiPath = UIBezierPath(path: yourSwiftUIPath)
   

2. 自定义签名视图：先对视图进行快照，再将快照图片应用坐标变换后绘制到裁剪图片上。

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