在 UIImage 上绘制另一个图像 -

Question

我正在尝试实现在 UIImageView 的特定点绘制图像的功能。

1.) 所以用户拍了一张照片 2.) 照片在“Aspect Fit”的 UIImageView 中显示给用户 3.) 用户点击 UIImageView 将图像放在点击点 4.) 显示组合图像

代码：

extension UIImage {
func image(byDrawingImage image: UIImage, inRect rect: CGRect) -> UIImage! {
    UIGraphicsBeginImageContextWithOptions(size, false, 0)
    draw(in: CGRect(x: 0, y: 0, width: size.width, height: size.height))
    image.draw(in: rect)
    let result = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return result
}}

source

    @IBAction func imageTapped(_ sender: UITapGestureRecognizer) {


    let pointTapped = sender.location(in: imageDIsplay)

    imageDIsplay.image = originalImage?.image(byDrawingImage: #imageLiteral(resourceName: "checkmark.png"), inRect: CGRect(x: originalImage!.size.width / imageDIsplay.frame.width * pointTapped.x, y: originalImage!.size.height / imageDIsplay.frame.height * pointTapped.y, width: 100, height: 100))

}

我的问题：“复选标记图像”永远不在我点击的确切位置。

我尝试了很多而不是originalImage!.size.width / imageDIsplay.frame.width 以获得更好的比率，包括CGRect AVMakeRectWithAspectRatioInsideRect(CGSize aspectRatio, CGRect boundingRect);。但没有任何工作正常。

我错过了什么？

谢谢！ 莎拉

Answer 1

您绝对是在正确的轨道上。当图像以“宽高比匹配”内容模式显示时，手头有一个有效的utility 用于将图像视图边界中的一个点转换为图像边界中的一个点：

extension UIImageView {
    func convertPointToImageCoordinates(_ p:CGPoint) -> CGPoint {
        switch self.contentMode {
        case .scaleAspectFit:
            let r = AVMakeRect(
                 aspectRatio: self.image!.size, insideRect: self.bounds)
            let scale = self.image!.size.width / r.width
            var p2 = CGPoint(x: p.x - r.minX, y: p.y - r.minY)
            p2 = CGPoint(x: p2.x * scale, y: p2.y * scale)
            return p2
        default:
            fatalError("not written")
        }
    }
}

现在您可以获得相对于原始图像的点击坐标，因此您可以决定将复选标记图像放置在哪里。