时间戳

首页 > 解决方案 > 图像无法用作 Core Graphics 的遮罩

ios - 图像无法用作 Core Graphics 的遮罩

问题描述

我在使用另一个 UIImage 作为掩码来掩蔽 UIImage 时遇到了一些问题。我尝试过使用masking(_:)Core Graphics 函数（CGImageCreateWithMask在 Objective C 中），但蒙版图像的输出显示没有任何蒙版。它只显示正常图像。

我使用了两种方法来做到这一点：首先，通过传递掩码图像本身来应用。其次，通过使用CGImage初始化程序从该图像创建一个掩码并改为传递它。这是执行此操作的函数：

func performMask(_ originalImage:UIImage, maskImage:UIImage) -> UIImage? {
    guard let originalImageCGImage = originalImage.cgImage, let maskImageCGImage = maskImage.cgImage else { return nil }

    print("Method 1 - Image (UIImage):")
    print("\(String(describing: maskImage.cgImage))\n\n")

    print("Method 2 - Mask (CGImage):")

    let maskImage2 = CGImage(
        maskWidth: Int(maskImage.size.width * maskImage.scale),
        height: Int(maskImage.size.height * maskImage.scale),
        bitsPerComponent: maskImageCGImage.bitsPerComponent,
        bitsPerPixel: maskImageCGImage.bitsPerPixel,
        bytesPerRow: maskImageCGImage.bytesPerRow,
        provider: maskImageCGImage.dataProvider!,
        decode: nil,
        shouldInterpolate: true
    )

    print("\(String(describing: maskImage2))\n\n")

    let maskedImage     = originalImageCGImage.masking(maskImage.cgImage!)  // Output: Method 1
//  let maskedImage2    = originalImageCGImage.masking(maskImage2!)         // Output: Method 2

    return UIImage(cgImage: maskedImage!)
}

这是我得到的控制台输出，显示了上面的打印语句：

Method 1 - Image (UIImage):
Optional(<CGImage 0x104223890> (DP)
    <<CGColorSpace 0x281414960> (kCGColorSpaceICCBased; kCGColorSpaceModelMonochrome; Generic Gray Gamma 2.2 Profile)>
        width = 320, height = 320, bpc = 8, bpp = 8, row bytes = 640 
        kCGImageAlphaNone | 0 (default byte order)  | kCGImagePixelFormatPacked 
        is mask? No, has masking color? No, has soft mask? No, has matte? No, should interpolate? Yes)


Method 2 - Mask (CGImage):
Optional(<CGImage 0x104223e90> (DP)
    <(null)>
        width = 320, height = 320, bpc = 8, bpp = 8, row bytes = 640 
        kCGImageAlphaNone | 0 (default byte order)  | kCGImagePixelFormatPacked 
        is mask? Yes, has masking color? No, has soft mask? No, has matte? No, should interpolate? Yes)

我的一个理论是图像在kCGColorSpaceModelMonochrome色彩空间中是问题所在。该masking(_:)函数的文档说：

“如果遮罩是图像，它必须在 DeviceGray 颜色空间中，不得有 alpha 分量，并且本身不能被图像遮罩或遮罩颜色遮罩。”

但是，标题给出了不太严格的色彩空间要求：

“如果 `mask' 是图像，那么它必须在单色颜色空间中（例如 DeviceGray、GenericGray 等），可能没有 alpha，并且本身不能被图像遮罩或遮罩颜色遮盖。 "

无论我做什么，我只能kCGColorSpaceModelMonochrome为我的蒙版图像（不是 DeviceGray）获得一个色彩空间——这应该基于后一个语句，但不是第一个语句。

掩码图像本身是由UIBezierPathusingUIGraphicsImageRenderer的image(actions: (UIGraphicsImageRendererContext) -> Void)函数生成的，在调试器中对我来说它看起来不错（它是一个不规则形状的黑白图像） - 它只是不能用作掩码。

注意：我试图从UIGraphicsImageRenderer2018 年的 WWDC 演讲“图像和图形最佳实践” (29:15) 中详细介绍的 iOS 12 内存使用优化中受益，但遗憾的是无法手动指定生成图像的色彩空间。这是一个功能，但我希望有一种方法可以覆盖它。

https://developer.apple.com/videos/play/wwdc2018/219/

有谁知道如何让这个面具操作正常工作？

标签： iosswiftcore-graphicsmaskmasking

解决方案

是的，蒙版需要在颜色空间 DeviceGray 中。好消息是您可以轻松地在 DeviceGray 中生成蒙版，只是不能使用UIGraphicsImageRenderer. 让我们实现一个在 DeviceGray 中生成掩码并接受允许您绘制任何您喜欢的掩码的闭包的类型。

struct MaskRenderer {
    let size: CGSize
    let scale: CGFloat

    var sizeInPixels: CGSize {
        return CGSize(width: size.width * scale, height: size.height * scale)
    }

    func image(actions: (CGContext) -> Void) -> UIImage? {
        let colorSpace = CGColorSpaceCreateDeviceGray()

        guard let context = CGContext.init(
            data: nil,
            width: Int(sizeInPixels.width),
            height: Int(sizeInPixels.height),
            bitsPerComponent: 8,
            bytesPerRow: 0,
            space: colorSpace,
            bitmapInfo: CGImageAlphaInfo.none.rawValue
            ) else { return nil }

        actions(context)

        guard let coreImageMask = context.makeImage() else { return nil }

        return UIImage(cgImage: coreImageMask)
    }
}

让我们也实现一个UIImage扩展，将掩码应用于接收器，返回掩码图像：

extension UIImage {
    func withMask(_ imageMask: UIImage) -> UIImage? {
        guard let coreImage = cgImage else { return nil }
        guard let coreImageMask = imageMask.cgImage else { return nil }
        guard let coreMaskedImage = coreImage.masking(coreImageMask) else { return nil }

        return UIImage(cgImage: coreMaskedImage)
    }
}

现在我们可以绘制并将遮罩应用到任意图像：

func applyMask(to image: UIImage) -> UIImage? {
    let renderer = MaskRenderer(size: image.size, scale: image.scale)
    guard let imageMask = renderer.image(actions: { context in
        let rect = CGRect(origin: .zero, size: renderer.sizeInPixels)
            .insetBy(dx: 0, dy: renderer.sizeInPixels.height / 4)
        let path = UIBezierPath(ovalIn: rect)
        context.addPath(path.cgPath)
        context.setFillColor(gray: 1, alpha: 1)
        context.drawPath(using: .fillStroke)
    }) else { return nil }
    return image.withMask(imageMask)
}

您所要做的就是用您的替换贝塞尔路径。

推荐阅读