当使用CGContext缩放到小尺寸时，CGImage的像素数据是不完整的

Question

我在尺寸为512x512的透明背景上有一个白色圆圈的png图像：

这里不可能在Stack Overflow上看到，所以这里再次显示在UIImageView黑色背景中：

我正在尝试使用高质量插值和抗锯齿将图像缩小到不同的大小，然后读取像素信息并继续使用它。

使用常规CGContext：

进行缩放

private func scaleImageAntialiased(_ cgImage: CGImage, _ size: CGSize) -> CGImage {

    UIGraphicsBeginImageContext(size)
    guard let context = UIGraphicsGetCurrentContext() else { fatalError() }

    context.interpolationQuality = .high
    context.setShouldAntialias(true)

    context.draw(cgImage, in: CGRect(origin: .zero, size: size))

    guard let image = UIGraphicsGetImageFromCurrentImageContext()?.cgImage else { fatalError() }
    return image
}

然后我使用dataProvider和CFDataGetBytePtr：

读取像素信息

var image = UIImage(named: "Round_512")!.cgImage!

let width: size_t = image.width
let height: size_t = image.height

let cfData = image.dataProvider!.data!
let dataPtr = CFDataGetBytePtr(cfData)
let bytesPerPixel = 4
var data: [GLubyte] = Array(UnsafeBufferPointer(start: dataPtr, count: width * height * bytesPerPixel))

一切正常，直到我尝试将新尺寸设置为4x4px或更低。

let size = 4
let newSize = CGSize(width: size, height: size)
image = scaleImageAntialiased(image, newSize) 

虽然缩放后的图片仍然显示在UIImageView

内

原始RGBA字节数据缺少两行信息：

[3, 3, 3, 3,   75, 75, 75, 75,   74, 74, 74, 74,   3, 3, 3, 3, 
 0, 0, 0, 0,     0, 0, 0, 0,       0, 0, 0, 0,     0, 0, 0, 0, 
 75, 75, 75, 75, 254, 254, 254, 254, 254, 254, 254, 254, 74, 74, 74, 74, 
 0, 0, 0, 0,     0, 0, 0, 0,       0, 0, 0, 0,     0, 0, 0, 0]

（我格式化了print(data)的上述结果，使其更加明显）。正如您所看到的，第二行和第四行字节返回0，而不是与其他两行具有相同的值（对称）。

如果我首先使用CGContext缩放图像然后尝试使用上述方法读取图像，则只会出现此问题。如果我拍摄缩放图像，将其保存到文件，然后从该4x4文件中读取像素信息（使用相同的方法），我得到预期的结果。

因此缩放本身有效。像素的读取也起作用。只有组合不会。

有人可以解释为什么会这样吗？

为了完整性，这里是512px图像的download link和可以用来重现问题的完整Playground文件：

import UIKit
import GLKit
import PlaygroundSupport

private func scaleImageAntialiased(_ cgImage: CGImage, _ size: CGSize) -> CGImage {

    UIGraphicsBeginImageContext(size)
    guard let context = UIGraphicsGetCurrentContext() else { fatalError() }

    context.interpolationQuality = .high
    context.setShouldAntialias(true)

    context.draw(cgImage, in: CGRect(origin: .zero, size: size))

    guard let image = UIGraphicsGetImageFromCurrentImageContext()?.cgImage else { fatalError() }
    return image
}

var image = UIImage(named: "Round_512")!.cgImage!

let size = 4
let newSize = CGSize(width: size, height: size)
image = scaleImageAntialiased(image, newSize)

let width: size_t = image.width
let height: size_t = image.height

let cfData = image.dataProvider!.data!
let dataPtr = CFDataGetBytePtr(cfData)
let bytesPerPixel = 4
var data: [GLubyte] = Array(UnsafeBufferPointer(start: dataPtr, count: width * height * bytesPerPixel))

print(data)

let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
imageView.image = UIImage(cgImage: image)
imageView.backgroundColor = .black

PlaygroundPage.current.liveView = imageView

// Save the test image
let path = playgroundSharedDataDirectory.appendingPathComponent("Saved.png")
let pngData = UIImagePNGRepresentation(imageView.image!)
//try! pngData?.write(to: path)

Answer 1

我相信CGImage使用32个字节的倍数PerRow ...如果你只有4个像素，每个像素由4个字节表示，那么数据将被＆＃34;填充＆＃34;每行（填充数据被忽略）。

如果您检查图像：

print(image.bytesPerRow)

您会看到它打印32而不是16。

您想使用：

let bytesPerRow = image.bytesPerRow
var data: [GLubyte] = Array(UnsafeBufferPointer(start: dataPtr, count: height * bytesPerRow))

所以height * bytesPerRow代替width * height * bytesPerPixel