合并两个透明图像而不丢失透明度

Question

我有两张透明背景的PNG图片。我需要在不丢失透明背景的情况下将它们合并为一张图像。

我使用了这个代码

  UIGraphicsBeginImageContext(firstImage.size);
  CGContextRef context = UIGraphicsGetCurrentContext();

  CGContextSaveGState(context);

  CGContextTranslateCTM(context, 0, firstImage.size.height);
  CGContextScaleCTM(context, 1.0, -1.0);
  CGRect rect = CGRectMake(0, 0, firstImage.size.width,firstImage.size.height);
  // draw white background to preserve color of transparent pixels
  CGContextSetBlendMode(context, kCGBlendModeDarken);
  [[UIColor whiteColor] setFill];
  CGContextFillRect(context, rect);

 CGContextSaveGState(context);
 CGContextRestoreGState(context);

  // draw original image
  CGContextSetBlendMode(context, kCGBlendModeDarken);
  CGContextDrawImage(context, rect, firstImage.CGImage);

  // tint image (loosing alpha) - the luminosity of the original image is preserved
  CGContextSetBlendMode(context, kCGBlendModeDarken); 
 //CGContextSetAlpha(context, .85);
  [[UIColor colorWithPatternImage:secondImage] setFill];
 CGContextFillRect(context, rect);


 CGContextSaveGState(context);
 CGContextRestoreGState(context);

 // mask by alpha values of original image
 CGContextSetBlendMode(context, kCGBlendModeDestinationIn);
 CGContextDrawImage(context, rect, firstImage.CGImage);

 // image drawing code here
 CGContextRestoreGState(context);
 UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
 UIGraphicsEndImageContext();

 return coloredImage;

但它 return 一张白色背景的图片。

知道为什么吗？

Answer 1

我不是很明白这个问题，但让我们试试...

尝试使用 setOpaque 设置图像所在的视图，如下例...

[self.thatView setOpaque:NO]

希望对您有所帮助。

Answer 2

如果您的两个图像都具有透明度，那么使用普通 blend-mode 绘制它们将不会以任何方式 'lose' 透明度。

您应该能够在另一个之上绘制一个：

UIGraphicsBeginImageContext(firstImage.size); // Assumes the first image is the same size as the second image.
CGContextRef context = UIGraphicsGetCurrentContext();

CGContextTranslateCTM(context, 0, firstImage.size.height);
CGContextScaleCTM(context, 1.0, -1.0);

CGContextDrawImage(context, rect, firstImage.CGImage);
CGContextDrawImage(context, rect, secondImage.CGImage);

UIImage *coloredImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

return coloredImage;

您也不需要保存和恢复上下文的图形状态（至少在所有绘图之外），除非您要重新使用上下文。

合并两个透明图像而不丢失透明度

merge two transparent images without lose transparency

core-graphics

objective-c

uiimage

ios