在iOS中应用模糊滤镜时如何从图像中删除黑色阴影矩形？

Question

我想在应用模糊滤镜时删除图像周围的黑色阴影边框。

请查看下面所附的屏幕截图。 Blur 函数工作正常，但想要删除黑色阴影。我只想对图像进行模糊处理。我不想应用任何模糊的颜色效果。请让我们知道我什么时候应该错过......

由于分数低，我已经上传了图片：

https://drive.google.com/open?id=1KtVgqRXOmIEQXh9IMyWNAlariL0hcJBN https://drive.google.com/open?id=1l2eLq7VwFPb3-SfIokW0Ijhk2jqUvjlU

这是我在特定图像上应用模糊效果的函数：

参数：

doBlurImage - 主图像想要模糊它

imageBlurValue - 模糊值从 0 到 50 Float

func makeBlurImage(doBlurImage : UIImage, imageBlurValue :  CGFloat) -> UIImage {

        let beginImage = CIImage(image: doBlurImage)

        let currentFilter = CIFilter(name: "CIGaussianBlur")
        currentFilter!.setValue(beginImage, forKey: kCIInputImageKey)
        currentFilter!.setValue(imageBlurValue, forKey: kCIInputRadiusKey)

        let cropFilter = CIFilter(name: "CICrop")
        cropFilter!.setValue(currentFilter!.outputImage, forKey: kCIInputImageKey)
        cropFilter!.setValue(CIVector(cgRect: beginImage!.extent), forKey: "inputRectangle")

        let output = cropFilter!.outputImage


        return UIImage(ciImage: output!)
}

Answer 1

我找到了一种不同的方法来解决这个问题..

苹果说：

在模糊滤镜之前应用钳位效果可以使原始图像在所有方向上不透明，从而避免边缘柔化。

所以我们应该应用

CIAffineClamp

滤镜来避免黑色阴影，

clampedToExtent()

函数返回一个新图像，该图像是通过使沿其边缘的像素颜色向各个方向无限延伸而创建的，并且它已经是

CIImage

类的成员，因此我们可以使用它无需创建任何额外的功能。

所以解决方案的实施将是这样的：

fileprivate final func blurImage(image: UIImage?, blurAmount: CGFloat, completionHandler: @escaping (UIImage?) -> Void) {

    guard let inputImage = image else {
        print("Input image is null!")
        completionHandler(nil); return
    }

    guard let ciImage = CIImage(image: inputImage) else {
        print("Cannot create ci image from ui image!")
        completionHandler(nil); return
    }

    let blurFilter = CIFilter(name: "CIGaussianBlur")
    blurFilter?.setValue(ciImage.clampedToExtent(), forKey: kCIInputImageKey)
    blurFilter?.setValue(blurAmount, forKey: kCIInputRadiusKey)

    guard let openGLES3 = EAGLContext(api: .openGLES3) else {
        print("Cannot create openGLES3 context!")
        completionHandler(nil); return
    }

    let context = CIContext(eaglContext: openGLES3)

    guard let ciImageResult = blurFilter?.outputImage else {
        print("Cannot get output image from filter!")
        completionHandler(nil); return
    }

    guard let resultImage = context.createCGImage(ciImageResult, from: ciImage.extent) else {
        print("Cannot create output image from filtered image extent!")
        completionHandler(nil); return
    }

    completionHandler(UIImage(cgImage: resultImage))
}

注意：创建上下文的成本很高，因此您可以在函数之外创建它。

Answer 2

这些是在 ios 中生成模糊效果的可能选项：

1. CIGaussianBlur 会根据 Image 的背景颜色生成模糊效果。
2. UIVisualEffectView 会基于 UIVisualEffectView 的 Style 生成模糊效果。 UIVisualEffectView中的模糊效果是 .extraLight、.light、.dark、.extraDark、常规和突出。
3. 建议选项 - GPUIMage - 您可以使用 GPUImage 处理库存档最佳模糊效果。

使用GPUImage实现模糊效果：

            var resultImage = UIImage()
            let gaussianBlur = GaussianBlur()
            gaussianBlur.blurRadiusInPixels = Float(ImageBlurValue)
            let pictureInput = PictureInput(image: YourImage)
            let pictureOutput = PictureOutput()
            pictureOutput.imageAvailableCallback = {image in
                print("Process completed")

                resultImage = image
            }
            pictureInput --> gaussianBlur --> pictureOutput
            pictureInput.processImage(synchronously:true)

            pictureInput.removeAllTargets()
            return resultImage

快乐编码！...:)

Answer 3

如果

clampedToExtent

导致性能问题，请将相同的图片放在模糊图片下面。

在我的例子中，模糊与offset.Y有关，滚动会卡住。