用的UIImage面膜的UIView通过保持透明区域和取出彩色区域

Question

我有一个形象：

，我想申请到UIView使彩色波形（透明区域）。我曾尝试以下：

let image = UIImage(named: "waveform")! 

let view = UIView(frame: CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height)) 

let mask = CALayer() 
mask.frame = view.bounds 
mask.contents = image.cgImage! 

view.layer.mask = mask 
view.layer.masksToBounds = true 
view.backgroundColor = UIColor.green 

但是这给了我相反的效果，在波形切出：

我想波形的外侧区域是透明的，并且内部被着色。我打算把UIView放在另一个视图之上，所以我认为它应该是一个面具。

我试着用CIImage在类似的问题提出反转透明和彩色区域：

let cgImage = image.cgImage! 
let ciImage = CIImage(cgImage: cgImage) 
let filter = CIFilter(name: "CIColorInvert")! 
filter.setValue(ciImage, forKey: kCIInputImageKey) 

mask.contents = filter.outputImage!.cgImage 

...但是这导致了空白view（透明背景）。

任何帮助将不胜感激。

Answer 1

这里有一种方法......

func getImageWithInvertedPixelsOfImage(image: UIImage) -> UIImage { 
    let rect = CGRect(origin: CGPoint(), size: image.size) 

    UIGraphicsBeginImageContextWithOptions(image.size, false, 2.0) 
    UIGraphicsGetCurrentContext()!.setBlendMode(.copy) 
    image.draw(in: rect) 
    UIGraphicsGetCurrentContext()!.setBlendMode(.sourceOut) 
    UIGraphicsGetCurrentContext()!.setFillColor(UIColor.green.cgColor) 
    UIGraphicsGetCurrentContext()!.fill(rect) 

    let result = UIGraphicsGetImageFromCurrentImageContext() 
    UIGraphicsEndImageContext() 
    return result! 
} 

// I named your original image "WaveMask" 
let iWave = UIImage(named: "WaveMask") 
let invWave = getImageWithInvertedPixelsOfImage(image: iWave!) 

// invWave is now Green where it was alpha, and alpha where it was gray 
// and can now be used as a mask