Как увеличить крошечное текстовое изображение без потери качества? - PullRequest
Новая
       50

Как увеличить крошечное текстовое изображение без потери качества?

0 голосов
/ 11 января 2020

Текстовое изображение очень маленькое, размером 17px x 10px

tiny text image

В MacOS оно может быть идеально увеличено

enter image description here

let width  = scale * image.size.width * kScale
        let height = scale * image.size.height * kScale
        super.init(frame: NSRect(x: 0, y: 0, width: width, height: height))
        self.makeConstraints(width: width, height: height)
        self.drawBlock = { (context, bounds) in
            image.draw(in: bounds)
        }

и перерисовать его: 

   override func draw(_ dirtyRect: NSRect) {
        // Fill with optional background color.

        if let color = bgColor {
            color.set()
            bounds.fill(using: .sourceOver)
        }

        // Draw with optional draw block.

        if let block = drawBlock {
            let context = NSGraphicsContext.current!.cgContext
            block(context, bounds)
        }

        super.draw(dirtyRect)
    }

Я пытался сделать то же самое в iOS с помощью следующих двух методов, я получил изображение с низким качеством:

enter image description here

   func imageScaledToSize(image: UIImage, size : CGSize) -> UIImage{
        UIGraphicsBeginImageContextWithOptions(size, false, 0.0)

        let imageRect = CGRect(origin: .zero, size: size)
        image.draw(in: imageRect)

        let scaledImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return scaledImage!
    }

   func resizeImage(image: UIImage, newSize: CGSize) -> (UIImage) {

       let newRect = CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height).integral
       UIGraphicsBeginImageContextWithOptions(newSize, false, 0)
       let context = UIGraphicsGetCurrentContext()

       // Set the quality level to use when rescaling
        context!.interpolationQuality = CGInterpolationQuality.high
       let flipVertical = CGAffineTransform(a: 1, b: 0, c: 0, d: -1, tx: 0, ty: newSize.height)

       context!.concatenate(flipVertical)
       // Draw into the context; this scales the image
       context?.draw(image.cgImage!, in: CGRect(x: 0.0,y: 0.0, width: newRect.width, height: newRect.height))

       let newImageRef = context!.makeImage()! as CGImage
       let newImage = UIImage(cgImage: newImageRef)

       // Get the resized image from the context and a UIImage
       UIGraphicsEndImageContext()

       return newImage
    }

Как получить лучшее изображение при изменении его размера? Спасибо.

1 Ответ

1 голос
/ 11 января 2020

Вам необходимо установить для своей контекстной интерполяции значение none, прежде чем рисовать в своем контексте: 

extension UIImage {
    func resized(toWidth width: CGFloat, interpolationQuality: CGInterpolationQuality = .none) -> UIImage? {
        let canvasSize = CGSize(width: width, height: CGFloat(ceil(width/size.width * size.height)))
        UIGraphicsBeginImageContextWithOptions(canvasSize, false, scale)
        defer { UIGraphicsEndImageContext() }
        guard let context = UIGraphicsGetCurrentContext() else { return nil }
        context.interpolationQuality = interpolationQuality
        draw(in: CGRect(origin: .zero, size: canvasSize))
        return UIGraphicsGetImageFromCurrentImageContext()
    }
}

Для iOS 10 или более поздней версии вы можете использовать UIGraphicsImageRenderer следующим образом: 

extension UIImage {
    func resized(toWidth width: CGFloat, interpolationQuality: CGInterpolationQuality = .none, isOpaque: Bool = false) -> UIImage? {
        let canvas = CGSize(width: width, height: CGFloat(ceil(width/size.width * size.height)))
        let format = imageRendererFormat
        format.opaque = isOpaque
        return UIGraphicsImageRenderer(size: canvas, format: format).image { context in
            context.cgContext.interpolationQuality = interpolationQuality
            draw(in: CGRect(origin: .zero, size: canvas))
        }
    }
}
...