Swift：在图像上绘制而不改变其大小（纵横比填充）

Question

我有一个简单的视图控制器，其中整个屏幕都是一个 imageView。 imageView 的内容模式设置为 UIViewContentMode.scaleAspectFill。我可以在图片上绘图，但一旦我这样做，图像就会水平缩小。这搞乱了图像的质量，我不确定为什么会这样。

我看了this question，但我没看懂唯一的答案。我认为问题出在我的绘画方式上，并且矩形正在缩小图像。

class AnnotateViewController: UIViewController {

    @IBOutlet weak var imageView: UIImageView!

    var lastPoint = CGPoint.zero
    var fromPoint = CGPoint()
    var toPoint = CGPoint.zero
    var brushWidth: CGFloat = 5.0
    var opacity: CGFloat = 1.0


     @IBAction func startDrawing(_ sender: Any) {
        self.isDrawing = !self.isDrawing
        if isDrawing {
            self.imageView.isUserInteractionEnabled = true
            showColorButtons()
        }
        else {
            self.imageView.isUserInteractionEnabled = false
            hideColorButtons()
        }
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        if let touch = touches.first {
            lastPoint = touch.preciseLocation(in: self.imageView)
        }
    }

    func drawLineFrom(fromPoint: CGPoint, toPoint: CGPoint) {
        UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, false, 0.0)
        imageView.image?.draw(in: CGRect(x: 0, y: 0, width: screenSize.width, height: screenSize.height))

        let context = UIGraphicsGetCurrentContext()
        context?.move(to: fromPoint)
        context?.addLine(to: toPoint)


        context?.setLineCap(CGLineCap.round)
        context?.setLineWidth(brushWidth)
        context?.setStrokeColor(red: 255, green: 0, blue: 0, alpha: 1.0)
        context?.setBlendMode(CGBlendMode.normal)
        context?.strokePath()

        imageView.image = UIGraphicsGetImageFromCurrentImageContext()
        imageView.alpha = opacity
        UIGraphicsEndImageContext()

    }

    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        if let touch = touches.first {
            let currentPoint = touch.preciseLocation(in: self.imageView)
            drawLineFrom(fromPoint: lastPoint, toPoint: currentPoint)
            lastPoint = currentPoint
        }
    }
}

更新 - 解决方案

我终于开始着手解决这个问题了。查看，我能够使用已接受的答案来解决我的问题。下面是我更新的代码：

func drawLineFrom(fromPoint: CGPoint, toPoint: CGPoint) {
        UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, true, 0.0)

        let aspect = imageView.image!.size.width / imageView.image!.size.height
        let rect: CGRect
        if imageView.frame.width / aspect > imageView.frame.height {
            let height = imageView.frame.width / aspect
            rect = CGRect(x: 0, y: (imageView.frame.height - height) / 2,
                          width: imageView.frame.width, height: height)
        } else {
            let width = imageView.frame.height * aspect
            rect = CGRect(x: (imageView.frame.width - width) / 2, y: 0,
                          width: width, height: imageView.frame.height)
        }
        imageView.image?.draw(in: rect)

        let context = UIGraphicsGetCurrentContext()
        context?.move(to: fromPoint)
        context?.addLine(to: toPoint)
        context?.setLineCap(CGLineCap.round)
        context?.setLineWidth(brushWidth)
        context?.setStrokeColor(red: self.red, green: self.green, blue: self.blue, alpha: 1.0)
        context?.setBlendMode(CGBlendMode.normal)
        context?.strokePath()

        imageView.image = UIGraphicsGetImageFromCurrentImageContext()
        annotatedImage = imageView.image
        imageView.alpha = opacity
        UIGraphicsEndImageContext()
    }

Answer 1

这一行：

imageView.image?.draw(in: CGRect(x: 0, y: 0, width: screenSize.width, height: screenSize.height))

以屏幕的纵横比绘制图像，但您的图像可能不是相同的纵横比（宽高比）。

我认为这可能有用：UIImage Aspect Fit when using drawInRect?

Swift：在图像上绘制而不改变其大小（纵横比填充）

Swift: Draw on image without changing its size (Aspect fill)

draw

uiimageview

ios

swift