How to capture high resolution image from UIView

user_6619234 0
Viewed 1093

I hope you all are safe.

I know this question asked several times but not getting a perfect answer.

I just wanted to capture an image from UIView with high resolution the main this is that image should not be a blur.

I have tried this code

extension UIView {
    func asImage() -> UIImage {
            let renderer = UIGraphicsImageRenderer(size: self.bounds.size)
            let capturedImage = renderer.image {
                (ctx) in
                self.drawHierarchy(in: self.bounds, afterScreenUpdates: true)
            }
            return capturedImage
    }
}

Right now while I capture the image and zoom the text is blurred.

Thanks in advance

Edited I am trying to create high-resolution image from UIView. When I zoom 1 part of image the text is blurred.

Please check below image

enter image description here

swift5 resolution swift image ios
4 Answers

You can set contentScaleFactor property to get clarity as described in this.

For example you can use following code,

extension UIView {
    
        func scale(by scale: CGFloat) {
             self.contentScaleFactor = scale
             for subview in self.subviews {
                 subview.scale(by: scale)
             }
         }
    
         func takeScreenshot(with scale: CGFloat? = nil) -> UIImage {
             let newScale = scale ?? UIScreen.main.scale
             self.scale(by: newScale)
             let format = UIGraphicsImageRendererFormat()
             format.scale = newScale
             let renderer = UIGraphicsImageRenderer(size: self.bounds.size, format: format)
             let image = renderer.image { rendererContext in
                 self.layer.render(in: rendererContext.cgContext)
             }
             return image
         }
}

Get high resolution image by,

let image = myView.takeScreenshot(with: 5.0)
user_118517540 
extension UIView {
    func takeScreenshot() -> UIImage? {
        var screenshotImage :UIImage?
        let layer = self.layer
        let scale = UIScreen.main.scale
        UIGraphicsBeginImageContextWithOptions(layer.frame.size, false, scale)
        self.drawHierarchy(in: layer.bounds, afterScreenUpdates: true)
        screenshotImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return screenshotImage
    }
}

Or maybe you can scale your view (or temporary copy of view) and then take a screenshot.

user_25100020 
extension UIImage {

    convenience init(view: UIView) {

        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
        view.drawHierarchy(in: view.bounds, afterScreenUpdates: false)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: (image?.cgImage)!)

    }
}

using:

let img = UIImage.init(view: self.yourView)
user_17806320 
extension UIView {
    func takeScreenshot() -> UIImage? {
        var screenshotImage :UIImage?
        let layer = self.layer
        let scale = UIScreen.main.scale
        UIGraphicsBeginImageContextWithOptions(layer.frame.size, false, scale)
        self.drawHierarchy(in: layer.bounds, afterScreenUpdates: true)
        screenshotImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return screenshotImage
    }
}

This answer would be enough, if you want a higher resolution. Just multiple scale to 5 or 10.

user_40213870
Related