无法正确读取从 UIView 创建的 UIImage 的颜色数据

Question

应该发生什么：

用户在 UIView 中绘图（例如使用 Apple Pencil）。当他完成后，从该视图创建一个 UIImage，ARGB 数据被一个一个地读取并最终存储到 NSData 中。

稍后 NSData 再次用于重新创建图像。（我知道我可以更轻松地实现类似的目标，但请假设有一个很好的方法理由。）

实际发生了什么：

用户绘制到视图中，获取了 UIImage，但是当代码访问图像数据时发生了一些有线的事情：数据似乎不适合图像，当它们被用于重建时会变得很明显图片。

这是代码。

来自 UIView

初始化

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.layer.allowsEdgeAntialiasing=YES;
        self.backgroundColor=[UIColor clearColor];
    }
    return self;
}

绘图

- (void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [[event allTouches]anyObject];
    CGPoint touchLocation = [touch locationInView:self];
    if (myImage!=nil) {
        UIImageView * iV = [[UIImageView alloc] initWithFrame:self.bounds];
        iV.image = myImage;
        [self insertSubview:iV atIndex:0];

    }
    myPath = [UIBezierPath bezierPath];
    [myPath moveToPoint:touchLocation];
}

- (void) touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [[event allTouches]anyObject];
    CGPoint touchLocation = [touch locationInView:self];
    [myPath addLineToPoint:touchLocation];
    [self setNeedsDisplay];
}

-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
        myImage = self.imageRepresentation;
}


- (void) drawRect:(CGRect)rect {

    self.context = UIGraphicsGetCurrentContext();
    [[UIColor blackColor]setStroke];
    myPath.lineWidth=3.0;
    [myPath stroke];

}

从 UIView 获取 UIImage

-(UIImage *)imageRepresentation{

    UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 1.0);
    [self.layer renderInContext:UIGraphicsGetCurrentContext()];
    myImage= UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return myImage;

}

读取和转换图像数据

-(NSData *) pixel{

    int sidelength = (int) self.myImage.size.width;
    int numberData = sidelength * sidelength * 4;

    CFDataRef pixelData = CGDataProviderCopyData(CGImageGetDataProvider(self.myImage.CGImage));
    const UInt8 * data = CFDataGetBytePtr(pixelData);

    UInt8 pixel[numberData];
    for (int y=0; y<sidelength; y++) {
        for (int x=0; x<sidelength; x++) {
            int components = sidelength * y + x * 4;
            UInt8 a = data[components];
            UInt8 r = data[components+1];
            UInt8 g = data[components+2];
            UInt8 b = data[components+3];

            pixel[components]=a;
            pixel[components+1]=r;
            pixel[components+2]=g;
            pixel[components+3]=b;

        }
    }
    CFRelease(pixelData);
    return [NSData dataWithBytes:pixel length:sidelength*sidelength*4];;

来自不同的 Class

正在使用 NSData 检索图片

-(UIImage *) getImage{

    UInt8 * pixel=malloc(sizeof(UInt8)*self.numberBytes);
    pixel = (UInt8 *) booleanData.bytes;

    const int Width = self.size.width;
    const int Height = self.size.height;
    const int ComponentsPerPixel = 4;

    const size_t BitsPerComponent = 8;
    const size_t BytesPerRow=((BitsPerComponent * Width) / 8) * ComponentsPerPixel;
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef gtx = CGBitmapContextCreate(&pixel[0], Width, Height, BitsPerComponent, BytesPerRow, colorSpace, kCGImageAlphaPremultipliedFirst | kCGBitmapByteOrder32Host);

    CGImageRef toCGImage = CGBitmapContextCreateImage(gtx);
    UIImage * image = [[UIImage alloc] initWithCGImage:toCGImage];
    return image;


}

这里是结果示例：

原图，使用"imageRepresentation"渲染：

使用"pixel"和"getImage"检索到的图片：

我认为罪魁祸首是 'pixels' 方法，因为我检查了它的结果，发现它们已经非常错误了。另外，我在不同的设置中测试了 'getImage'，它工作得很好。但奇怪的是，'pixels' 也是如此。那么 UIView 是否有可能以不同于 png 或 jpg 的方式呈现？我查看了 UIGraphicsBeginImageContextWithOptions 的文档，但没有给我有用的线索。

Answer 1

有两个问题。第一个是在 pixel 方法中没有将所有图像数据插入 pixel 数组。

如果您的图像是 100x100，则总字节数是 10000 乘以 4。在您的 for 循环中，您获得的最大像素将是 100x100+100x4，即 10400。其余像素包含垃圾。

这个循环将完成工作：

for (unsigned long i = 0; i < numberData; i += 4) {
    pixel[i] = data[i];
    pixel[i + 1] = data[i + 1];
    pixel[i + 2] = data[i + 2];
    pixel[i + 3] = data[i + 3];
}

第二个问题比较有意思。如果其宽度不是 64 的倍数，重新创建的图像将被扭曲。CGBitmapContextCreate 中存在某种错误 - 我大约六年前向 Apple 提交了该错误，他们声称已修复它，但它可以是在某些条件下很容易复制。

我运行你的代码（使用新循环）并且它在 UIView 大小为 128x128 的情况下工作正常，但是 returns 当大小为 100x100 时图像扭曲。

无法正确读取从 UIView 创建的 UIImage 的颜色数据

Unable to properly read color data of UIImage created from UIView

bitmap

objective-c

uiview

uiimage

ios