调整NSImage尺寸时原点偏移导致结果异常

嘿，我看你在特定尺寸的图片缩放场景里遇到了原点偏移的麻烦，就算调整了代码还是没彻底解决。咱们来拆解问题，一步一步把它搞定：

问题根源分析 #

你修改后的代码里藏着两个容易引发偏移的问题：

• 画布尺寸计算逻辑矛盾：你用ceil(width/size.width * size.height)来计算画布高度，但这个逻辑是强制按宽度比例缩放，忽略了之前取ratioX/ratioY较小值的适配逻辑，导致画布高度和实际需要居中的图片高度不匹配。
• 旧的绘图上下文管理方式：lockFocus()/unlockFocus的写法容易因为上下文状态遗漏设置而出现绘制偏差，而且没考虑Retina屏幕的分辨率适配。

修正后的完整可运行代码 #

extension NSImage {
    func resizeTo(targetWidth: CGFloat, targetHeight: CGFloat) -> NSImage {
        // 计算宽高方向的缩放比例
        let ratioWidth = targetWidth / size.width
        let ratioHeight = targetHeight / size.height
        // 取最小比例，保证图片完整显示不裁切
        let scaleRatio = min(ratioWidth, ratioHeight)
        
        // 计算缩放后的图片实际尺寸
        let scaledWidth = size.width * scaleRatio
        let scaledHeight = size.height * scaleRatio
        
        // 目标画布尺寸就是要求的输出尺寸，用来做留白居中
        let canvasSize = CGSize(width: targetWidth, height: targetHeight)
        
        // 用闭包初始化NSImage，更安全地管理绘图上下文
        let resizedImage = NSImage(size: canvasSize, flipped: false) { drawRect in
            // 开启高质量插值，保证缩放后的图片清晰度
            NSGraphicsContext.current()?.imageInterpolation = .high
            
            // 计算居中绘制的原点：画布中心减去缩放后图片的中心坐标
            let originX = (canvasSize.width - scaledWidth) / 2
            let originY = (canvasSize.height - scaledHeight) / 2
            let imageDrawRect = CGRect(x: originX, y: originY, width: scaledWidth, height: scaledHeight)
            
            // 从原图完整区域绘制到目标居中位置
            self.draw(in: imageDrawRect, from: .zero, operation: .copy, fraction: 1.0)
            return true
        }
        
        // 适配Retina屏幕，避免图片模糊或尺寸偏差
        if let cgImage = resizedImage.cgImage(forProposedRect: nil, context: nil, hints: nil) {
            resizedImage.addRepresentation(NSBitmapImageRep(cgImage: cgImage))
        }
        
        return resizedImage
    }
}

核心优化点说明 #

• 更可靠的绘图上下文管理：用闭包式初始化NSImage替代旧的lockFocus写法，自动处理上下文的创建和销毁，减少人为失误。
• 严谨的居中计算：确保原点坐标是画布与缩放后图片的尺寸差的一半，无论比例是否匹配，都能保证图片完全居中，不会出现偏移。
• Retina分辨率适配：添加了BitmapRepresentation的转换步骤，解决Retina屏幕下图片模糊、尺寸计算偏差的问题。
• 清晰的变量命名：把参数名改为targetWidth/targetHeight，避免和内部尺寸变量混淆，代码可读性更强。

测试建议 #

你可以用之前出问题的两个场景验证：

• 2432×3648 缩放到 1800×2700：两者比例完全一致，缩放后图片会刚好填满画布，无偏移。
• 任意非等比的目标尺寸（比如1084×2086）：缩放后的图片会自动居中显示，不会出现原点偏移。

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