Average colors in part of KFImage

[markzakharyan]

Hi, I have a KFImage processor I made that does exactly what I want with averaging the color values in a section of the image. Instead of replacing the original image, how am I able to extract an RGB value from this? My code is below:

import SwiftUI
import KingfisherSwiftUI
import Kingfisher
struct ContentView: SwiftUI.View{
    var body: some SwiftUI.View{
        let processor = CroppingImageProcessor(size: CGSize(width: 100, height: 100), anchor: CGPoint(x: 0, y: 0)) |> MyCIFilter()
    
        let imageURL = "https://images.pexels.com/photos/3225531/pexels-photo-3225531.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"

        KFImage(imageURL, options: [.processor(processor)])
    }
}
struct MyCIFilter: CIImageProcessor {

    let identifier = "com.mydomain.myCIFilter"
    
    let filter = Filter { input in
        let inputImage = input
        let extentVector = CIVector(x: inputImage.extent.origin.x, y: inputImage.extent.origin.y, z: inputImage.extent.size.width, w: inputImage.extent.size.height)

        guard let filter = CIFilter(name: "CIAreaAverage", parameters: [kCIInputImageKey: inputImage, kCIInputExtentKey: extentVector]) else { return nil }
        return filter.outputImage
       
    }
}

As you can see, I'm unable to extract an actual color value from the KFImage. Rather, I'm changing the current image. Is there a way I can leave the original image untouched, and get a color value from it?

I'm new to Swift, but I did spend quite a bit of time on this to no avail :(

[onevcat]

Hi,

Sorry for the late reply. Got crazy busy recently.

Maybe you want to use the completion handler instead. Here is some sample code for you:

var body: some View {
    let imageURL = "https://images.pexels.com/photos/3225531/pexels-photo-3225531.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500"
    return KFImage(URL(string: imageURL))
        .onSuccess { result in
            let image = result.image
            let cropped = image.kf.crop(to: CGSize(width: 100, height: 100), anchorOn: .zero)
            
            let filter = Filter { input in
                    let inputImage = input
                    let extentVector = CIVector(x: inputImage.extent.origin.x, y: inputImage.extent.origin.y, z: inputImage.extent.size.width, w: inputImage.extent.size.height)

                    guard let filter = CIFilter(name: "CIAreaAverage", parameters: [kCIInputImageKey: inputImage, kCIInputExtentKey: extentVector]) else { return nil }
                    return filter.outputImage
                }
            
            let whatYouWant: UIImage = cropped.kf.apply(filter)
        }
}