如何修改UIImage指定点颜色？坐标偏移问题求助

核心问题分析 #

你的问题确实出在offset计算逻辑错误，同时还忽略了UIImage的imageOrientation和UI坐标系与Core Graphics坐标系的差异，这两个因素共同导致了位置偏移。

具体修正步骤 #

1. 修正像素偏移量计算 #

当前代码中offset = Int(byPoint.x) * width + Int(byPoint.y)是错误的，正确的像素索引计算遵循行优先规则：每一行包含width个像素，第y行x列的像素索引应为y * width + x。

修正后的代码：

let offset = Int(byPoint.y) * width + Int(byPoint.x)

2. 处理坐标系与图片方向转换 #

UIKit坐标系原点在左上角，但Core Graphics（CGImage）的坐标系原点在左下角，再加上UIImage可能存在的旋转方向（比如拍照后的图片），直接传入点击的CGPoint会导致位置偏差。需要先将点击的视图坐标转换为UIImage的实际像素坐标：

添加坐标转换辅助方法：

func convertTouchPoint(_ point: CGPoint, to image: UIImage) -> CGPoint {
    let imagePixelSize = CGSize(
        width: image.size.width * image.scale,
        height: image.size.height * image.scale
    )
    
    // 先修正UI与Core Graphics的Y轴方向差异
    var convertedPoint = CGPoint(
        x: point.x * image.scale,
        y: imagePixelSize.height - point.y * image.scale
    )
    
    // 根据图片方向进一步修正坐标
    switch image.imageOrientation {
    case .upMirrored:
        convertedPoint.x = imagePixelSize.width - convertedPoint.x
    case .down:
        convertedPoint = CGPoint(
            x: imagePixelSize.width - convertedPoint.x,
            y: imagePixelSize.height - convertedPoint.y
        )
    case .downMirrored:
        convertedPoint.y = imagePixelSize.height - convertedPoint.y
    case .left:
        let temp = convertedPoint.x
        convertedPoint.x = convertedPoint.y
        convertedPoint.y = imagePixelSize.width - temp
    case .leftMirrored:
        let temp = convertedPoint.x
        convertedPoint.x = imagePixelSize.height - convertedPoint.y
        convertedPoint.y = temp
    case .right:
        let temp = convertedPoint.x
        convertedPoint.x = imagePixelSize.height - convertedPoint.y
        convertedPoint.y = temp
    case .rightMirrored:
        let temp = convertedPoint.x
        convertedPoint.x = convertedPoint.y
        convertedPoint.y = imagePixelSize.width - temp
    default:
        break
    }
    
    return convertedPoint
}

3. 完整修正后的代码 #

将坐标转换和修正后的offset结合，最终调用示例和处理方法如下：

// 图片点击事件处理
@objc func imageTapped(_ gesture: UITapGestureRecognizer) {
    guard let imageView = gesture.view as? UIImageView, let image = imageView.image else { return }
    let touchPoint = gesture.location(in: imageView)
    // 转换为图片实际像素坐标
    let convertedPoint = convertTouchPoint(touchPoint, to: image)
    // 处理图片
    if let processedImage = processByPixel(in: image, byPoint: convertedPoint) {
        imageView.image = processedImage
    }
}

func processByPixel(in image: UIImage, byPoint: CGPoint) -> UIImage? {
    guard let inputCGImage = image.cgImage else { print("unable to get cgImage"); return nil }
    let colorSpace       = CGColorSpaceCreateDeviceRGB()
    let width            = inputCGImage.width
    let height           = inputCGImage.height
    let bytesPerPixel    = 4
    let bitsPerComponent = 8
    let bytesPerRow      = bytesPerPixel * width
    let bitmapInfo       = RGBA32.bitmapInfo

    guard let context = CGContext(data: nil, width: width, height: height, bitsPerComponent: bitsPerComponent, bytesPerRow: bytesPerRow, space: colorSpace, bitmapInfo: bitmapInfo) else {
        print("Cannot create context!"); return nil
    }
    context.draw(inputCGImage, in: CGRect(x: 0, y: 0, width: width, height: height))

    guard let buffer = context.data else { print("Cannot get context data!"); return nil }

    let pixelBuffer = buffer.bindMemory(to: RGBA32.self, capacity: width * height)

    // 修正offset计算，同时判断坐标是否在图片范围内
    let offset = Int(byPoint.y) * width + Int(byPoint.x)
    guard offset >= 0 && offset < width * height else {
        print("Point out of image bounds"); return nil
    }
    pixelBuffer[offset] = .transparent

    guard let outputCGImage = context.makeImage() else {
        print("Cannot create output CGImage"); return nil
    }
    let outputImage = UIImage(cgImage: outputCGImage, scale: image.scale, orientation: image.imageOrientation)

    return outputImage
}

// 确保RGBA32结构体定义正确
struct RGBA32: Equatable {
    private var color: UInt32

    var redComponent: UInt8 { UInt8((color >> 24) & 255) }
    var greenComponent: UInt8 { UInt8((color >> 16) & 255) }
    var blueComponent: UInt8 { UInt8((color >> 8) & 255) }
    var alphaComponent: UInt8 { UInt8(color & 255) }

    init(red: UInt8, green: UInt8, blue: UInt8, alpha: UInt8) {
        color = UInt32(red) << 24 | UInt32(green) << 16 | UInt32(blue) << 8 | UInt32(alpha)
    }

    static let transparent = RGBA32(red: 0, green: 0, blue: 0, alpha: 0)
    static let bitmapInfo = CGImageAlphaInfo.premultipliedLast.rawValue | CGBitmapInfo.byteOrder32Big.rawValue
}

关键说明 #

• 像素索引必须按行优先计算：先取当前行的起始位置（y * width），再加上列偏移量x。
• UI与Core Graphics坐标系Y轴方向相反，必须反转Y坐标值。
• UIImage的imageOrientation会改变像素的实际排列顺序，必须根据方向修正坐标，否则旋转后的图片会出现严重偏移。

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