Tingindo uma escala de cinza NSImage (ou CIImage)
-
06-07-2019 - |
Pergunta
Eu tenho uma imagem em tons de cinza que eu quero usar para desenhar controles de cacau. A imagem tem vários níveis de cinza. Onde é mais escuro, eu quero-o para desenhar um mais escuro cor da tonalidade especificado. Eu quero que seja transparente em que a imagem de origem é branco.
Basicamente, eu quero reproduzir o comportamento de tintColor visto em UINavigationBar no iPhone.
Até agora, eu têm explorado várias opções:
-
Desenhar a cor da tonalidade sobre a imagem em tons de cinza usando composição SourceOver -> Isto requer uma cor da tonalidade não-opaco -> O resultado sai muito mais escura do que o desejado
-
Use um CIMultiplyCompositing CIFilter para tingir a imagem -> Eu não posso [CIImage drawAtPoint: fromRect: operação: fração:] para desenhar apenas parte da imagem. A multa mesmas obras com NSImage -> Eu recebo acidentes ocasionais que eu não posso fazer sentido
-
transformar a imagem em tons de cinza em uma máscara. Ou seja, Preto deve ser opaco. Branco deve ser transparente. Cinzento deve ter valores intermédios alfa. -> Esta parece ser a melhor solução -.> Por mais que tentasse, eu não posso conseguir isso
Solução 3
- (NSImage *)imageTintedWithColor:(NSColor *)tint
{
if (tint != nil) {
NSSize size = [self size];
NSRect bounds = { NSZeroPoint, size };
NSImage *tintedImage = [[NSImage alloc] initWithSize:size];
[tintedImage lockFocus];
CIFilter *colorGenerator = [CIFilter filterWithName:@"CIConstantColorGenerator"];
CIColor *color = [[[CIColor alloc] initWithColor:tint] autorelease];
[colorGenerator setValue:color forKey:@"inputColor"];
CIFilter *monochromeFilter = [CIFilter filterWithName:@"CIColorMonochrome"];
CIImage *baseImage = [CIImage imageWithData:[self TIFFRepresentation]];
[monochromeFilter setValue:baseImage forKey:@"inputImage"];
[monochromeFilter setValue:[CIColor colorWithRed:0.75 green:0.75 blue:0.75] forKey:@"inputColor"];
[monochromeFilter setValue:[NSNumber numberWithFloat:1.0] forKey:@"inputIntensity"];
CIFilter *compositingFilter = [CIFilter filterWithName:@"CIMultiplyCompositing"];
[compositingFilter setValue:[colorGenerator valueForKey:@"outputImage"] forKey:@"inputImage"];
[compositingFilter setValue:[monochromeFilter valueForKey:@"outputImage"] forKey:@"inputBackgroundImage"];
CIImage *outputImage = [compositingFilter valueForKey:@"outputImage"];
[outputImage drawAtPoint:NSZeroPoint
fromRect:bounds
operation:NSCompositeCopy
fraction:1.0];
[tintedImage unlockFocus];
return [tintedImage autorelease];
}
else {
return [[self copy] autorelease];
}
}
- (NSImage*)imageCroppedToRect:(NSRect)rect
{
NSPoint point = { -rect.origin.x, -rect.origin.y };
NSImage *croppedImage = [[NSImage alloc] initWithSize:rect.size];
[croppedImage lockFocus];
{
[self compositeToPoint:point operation:NSCompositeCopy];
}
[croppedImage unlockFocus];
return [croppedImage autorelease];
}
Outras dicas
A solução acima não funciona para mim. Mas esta solução muito mais fácil funciona muito bem para me
- (NSImage *)imageTintedWithColor:(NSColor *)tint
{
NSImage *image = [self copy];
if (tint) {
[image lockFocus];
[tint set];
NSRect imageRect = {NSZeroPoint, [image size]};
NSRectFillUsingOperation(imageRect, NSCompositeSourceAtop);
[image unlockFocus];
}
return image;
}
A Swift implementação da resposta de bluebamboo:
func tintedImage(_ image: NSImage, tint: NSColor) -> NSImage {
guard let tinted = image.copy() as? NSImage else { return image }
tinted.lockFocus()
tint.set()
let imageRect = NSRect(origin: NSZeroPoint, size: image.size)
NSRectFillUsingOperation(imageRect, .sourceAtop)
tinted.unlockFocus()
return tinted
}
Versão Swift em forma de extensão:
extension NSImage {
func tintedImageWithColor(color:NSColor) -> NSImage {
let size = self.size
let imageBounds = NSMakeRect(0, 0, size.width, size.height)
let copiedImage = self.copy() as! NSImage
copiedImage.lockFocus()
color.set()
NSRectFillUsingOperation(imageBounds, .CompositeSourceAtop)
copiedImage.unlockFocus()
return copiedImage
}
}
O filtro CIMultiplyCompositing é definitivamente a maneira de fazer isso. Se ele deixar de funcionar, você pode enviar um rastreamento de pilha? Eu uso CIFilters fortemente e não têm problemas que deixam de funcionar.
//assume inputImage is the greyscale CIImage you want to tint
CIImage* outputImage = nil;
//create some green
CIFilter* greenGenerator = [CIFilter filterWithName:@"CIConstantColorGenerator"];
CIColor* green = [CIColor colorWithRed:0.30 green:0.596 blue:0.172];
[greenGenerator setValue:green forKey:@"inputColor"];
CIImage* greenImage = [greenGenerator valueForKey:@"outputImage"];
//apply a multiply filter
CIFilter* filter = [CIFilter filterWithName:@"CIMultiplyCompositing"];
[filter setValue:greenImage forKey:@"inputImage"];
[filter setValue:inputImage forKey:@"inputBackgroundImage"];
outputImage = [filter valueForKey:@"outputImage"];
[outputImage drawAtPoint:NSZeroPoint fromRect:NSRectFromCGRect([outputImage extent]) operation:NSCompositeCopy fraction:1.0];
Eu queria tingir uma imagem com uma cor da tonalidade que teve alfa sem ver as cores originais do show de imagem através. Veja como você pode fazer isso:
extension NSImage {
func tinting(with tintColor: NSColor) -> NSImage {
guard let cgImage = self.cgImage(forProposedRect: nil, context: nil, hints: nil) else { return self }
return NSImage(size: size, flipped: false) { bounds in
guard let context = NSGraphicsContext.current()?.cgContext else { return false }
tintColor.set()
context.clip(to: bounds, mask: cgImage)
context.fill(bounds)
return true
}
}
}
Para um mais de granulação fina, você pode usar uma abordagem cor polinomial, usando a abordagem que sugeri no seguinte: Como posso exibir o nSProgressIndicator girando em uma cor diferente?