帮助对由图像蒙版/边界定义的图层进行着色并将图像覆盖在顶部

Question

我目前正在为客户试验一款头像创建 iOS 应用程序，在某些时候用户应该可以选择更改项目的颜色。

客户端像往常一样提供要以 .png 格式着色的图库项目，并具有不同的 alpha/不透明度值，以有效地生成阴影。然而，项目着色的正确最终结果不是遮盖图像并应用颜色混合，因为透明区域保持原样，而是“填充”由项目的“外部描边”包围的背景区域，然后在项目的顶部重新绘制图像。这样阴影就会应用到新颜色上。

这是我所取得的成就：

UIImage *image =  item.image;
UIGraphicsBeginImageContext(image.size);

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetInterpolationQuality(context, kCGInterpolationHigh);

CGRect area = CGRectMake(0, 0, image.size.width, image.size.height);

CGContextScaleCTM(context, 1, -1);
CGContextTranslateCTM(context, 0, -area.size.height);

CGContextSaveGState(context);

// This applies the colorization only on the image mask 
//CGContextClipToMask(context, area, image.CGImage);

[[UIColor redColor] set];
CGContextFillRect(context, area);

CGContextRestoreGState(context);

CGContextSetBlendMode(context, kCGBlendModeNormal);

CGContextDrawImage(context, area, image.CGImage);

UIImage *coloredImg = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

item.image = coloredImg;

产生以下结果。

http://dl.dropbox.com/u/1237004/Screen%20shot%202011-07-15%20at%207.53.50%20%CE%BC.%CE%BC..png< /a>

这基本上接近我真正想要实现的目标，除了红色区域扩展到裤子之外。

那么怎样才能消除这部分呢？我正在考虑将 alpha 值减少到未由图像蒙版或类似内容定义的区域，但无法接近解决方案。

谢谢大家的建议。

注意：屏幕截图中显示的项目是 WeeMee 头像创建应用程序的一部分，未在我们的应用程序中使用，而是我的实验的一部分，所有权利均属于其各自所有者

Answer 1

你需要做的是设置一个剪切路径，并指示CG仅填充内部区域。如果您已经绘制了定义裤子的路径，那么这对您来说应该是微不足道的。

请参阅本教程：
教程

更新以响应评论：

屏蔽图像