CGImage上的Core Graphics pointillize效果

Question

所以我最近只使用核心图形编写了很多图像处理代码，并且我制作了很多工作过滤器来操作颜色、应用混合、模糊和类似的东西。但是我在编写过滤器以将点画效果应用于这样的图像时遇到了麻烦：

我想要做的是获取一个像素的颜色并用该颜色填充一个椭圆，循环遍历图像并每隔几个像素执行一次代码：

编辑：这是我这次的新代码，它只是在图像底部画了几个小圆圈，我像你说的那样做对了吗？

-(UIImage*)applyFilterWithAmount:(double)amount {

CGImageRef inImage = self.CGImage;
CFDataRef m_dataRef = CGDataProviderCopyData(CGImageGetDataProvider(inImage));
UInt8* m_pixelBuf = (UInt8*)CFDataGetBytePtr(m_dataRef);

int length = CFDataGetLength(m_dataRef);

CGContextRef ctx = CGBitmapContextCreate(m_pixelBuf,
                                    CGImageGetWidth(inImage),
                                    CGImageGetHeight(inImage),
                                    CGImageGetBitsPerComponent(inImage),
                                    CGImageGetBytesPerRow(inImage),
                                    CGImageGetColorSpace(inImage),
                                    CGImageGetBitmapInfo(inImage));

int row = 0;
int imageWidth = self.size.width;

if ((row%imageWidth)==0) {
    row++;
}

int col = row%imageWidth;

for (int i = 0; i<length; i+=4) {
    //filterPointillize(m_pixelBuf, i, context);

    int r = i;
    int g = i+1;
    int b = i+2;

    int red = m_pixelBuf[r];
    int green = m_pixelBuf[g];
    int blue = m_pixelBuf[b];

    CGContextSetRGBFillColor(ctx, red/255, green/255, blue/255, 1.0);
    CGContextFillEllipseInRect(ctx, CGRectMake(col, row, amount, amount));
}

CGImageRef imageRef = CGBitmapContextCreateImage(ctx);
CGContextRelease(ctx);
UIImage* finalImage = [UIImage imageWithCGImage:imageRef];
CGImageRelease(imageRef);
CFRelease(m_dataRef);
return finalImage;

}

Answer 1

我马上看到的一个问题是，您在 X 和 Y 原点都使用了光栅单元编号。此配置中的栅格只是一条尺寸线。您可以根据光栅图像的宽度计算第二维。这可以解释你为什么要排队。

另一件事：似乎您正在读取图像的每个像素。您不想跳过与您尝试绘制的椭圆宽度相同的像素吗？

接下来看起来很可疑的是我认为你应该在绘制之前创建你正在绘制的上下文。此外，你不应该打电话：

CGContextRef contextRef = UIGraphicsGetCurrentContext();
CGContextSaveGState(contextRef);

和

CGContextRestoreGState(contextRef);

在循环内部。

编辑：

进一步观察：您读取的 RGB 值为 0-255，CGContextSetRGBFillColor 函数期望值介于 0.f - 1.f 之间。这可以解释为什么你变白了。所以你需要除以 255：

CGContextSetRGBFillColor(contextRef, red / 255, green / 255, blue / 255, 1.0);

如果您还有其他问题，请随时提问！

编辑 2：

要计算行，首先在循环外声明一个行计数器：

int row = 0; //declare before the loop

int imageWidth = self.size.width; //get the image width

if ((i % imageWidth) == 0) { //we divide the cell number and if the remainder is 0
                             //then we want to increment the row counter
    row++;
}

我们也可以使用mod来计算当前列：

int col = i % imageWidth; //divide i by the image width. the remainder is the col num

编辑 3： 你必须把它放在 for 循环中：

if ((row%imageWidth)==0) {
    row++;
}

int col = row%imageWidth;

另外，我之前忘了提到，要使列和行基于 0（这是您想要的），您需要从图像大小中减去 1：

 int imageWidth = self.size.width - 1;