Question

我在CameraViewController中有一个图像叠加：

我想从这个红色方块里面得到图像。我不想移动到另一个视图控制器来设置CropViewController，裁剪应该在这个控制器内完成。

这个代码几乎可以工作，问题是从相机生成的图像是1080x1920而self.cropView.bounds是（0,0,185,120），当然它不代表用于拍摄图像的相同比例

extension UIImage {
    func crop(rect: CGRect) -> UIImage {
        var rect = rect
        rect.origin.x*=self.scale
        rect.origin.y*=self.scale
        rect.size.width*=self.scale
        rect.size.height*=self.scale

        let imageRef = self.cgImage!.cropping(to: rect)
        let image = UIImage(cgImage: imageRef!, scale: self.scale, orientation: self.imageOrientation)
        return image
    }
}

Answer 1

使用Core Image过滤器调用CIPerspectiveCorrection，您始终可以在视觉上裁剪四边形中的任何图像（四边形状 - 不必是矩形）。

假设您有一个414宽×716高的imageView框架，图像宽1600宽，高900。（你正在使用.aspectFit的内容模式，对吧？）假设你要裁剪一个四边形状，它的角落 - 在imageView中的（X，Y）坐标 - 是（50,50），（75,75），（100,300）和（25,200）。请注意，我列出了左上角的点（TL，右上角（TR），右下角（BR），左下角（BL）顺序。另请注意，这不是直线矩形。

你需要做的就是这个。（1）将UIImage转换为CIImage，其中“extent”是UIImage大小，（2）将这些UIImageView坐标转换为CIImage坐标，（3）将它们和CIImage传递给CIPerspectiveCorrection过滤器进行裁剪，以及（4）渲染将CIImage输出到UIImageView。

下面是我汇集的一些代码。有用。它的边缘也有点粗糙，但希望你能得到这个概念。

class ViewController: UIViewController {

    let uiTL = CGPoint(x: 50, y: 50)
    let uiTR = CGPoint(x: 75, y: 75)
    let uiBL = CGPoint(x: 100, y: 300)
    let uiBR = CGPoint(x: 25, y: 200)

    var ciImage:CIImage!
    var ctx:CIContext!

    @IBOutlet weak var imageView: UIImageView!

    override func viewDidLoad() {
        super.viewDidLoad()
        ctx = CIContext(options: nil)
        ciImage = CIImage(image: imageView.image!)
    }

    override func viewWillLayoutSubviews() {
        let ciTL = createVector(createScaledPoint(uiTL))
        let ciTR = createVector(createScaledPoint(uiTR))
        let ciBR = createVector(createScaledPoint(uiBR))
        let ciBL = createVector(createScaledPoint(uiBL))
        imageView.image = doPerspectiveCorrection(CIImage(image: imageView.image!)!,
                                                  context: ctx,
                                                  topLeft: ciTL,
                                                  topRight: ciTR,
                                                  bottomRight: ciBR,
                                                  bottomLeft: ciBL)
    }
    func doPerspectiveCorrection(
        _ image:CIImage,
        context:CIContext,
        topLeft:AnyObject,
        topRight:AnyObject,
        bottomRight:AnyObject,
        bottomLeft:AnyObject)
        -> UIImage {
            let filter = CIFilter(name: "CIPerspectiveCorrection")
            filter?.setValue(topLeft, forKey: "inputTopLeft")
            filter?.setValue(topRight, forKey: "inputTopRight")
            filter?.setValue(bottomRight, forKey: "inputBottomRight")
            filter?.setValue(bottomLeft, forKey: "inputBottomLeft")
            filter!.setValue(image, forKey: kCIInputImageKey)
            let cgImage = context.createCGImage((filter?.outputImage)!, from: (filter?.outputImage!.extent)!)
            return UIImage(cgImage: cgImage!)
    }

    func createScaledPoint(_ pt:CGPoint) -> CGPoint {
        let x = (pt.x / imageView.frame.width) * ciImage.extent.width
        let y = (pt.y / imageView.frame.height) * ciImage.extent.height
        return CGPoint(x: x, y: y)
    }
    func createVector(_ point:CGPoint) -> CIVector {
        return CIVector(x: point.x, y: ciImage.extent.height - point.y)
    }
    func createPoint(_ vector:CGPoint) -> CGPoint {
        return CGPoint(x: vector.x, y: ciImage.extent.height - vector.y)
    }

}

编辑：我在这里解释一下。希望这不违反网站规则。我们两个交换了项目，提问者的代码存在问题，其中发生了零回报。首先，这是纠正后的代码，应该在cropImage（）函数中：

let ciTL = createVector(createScaledPoint(topLeft, overlay: cameraView, image: image), image: image)
let ciTR = createVector(createScaledPoint(topRight, overlay: cameraView, image: image), image: image)
let ciBR = createVector(createScaledPoint(bottomRight, overlay: cameraView, image: image), image: image)
let ciBL = createVector(createScaledPoint(bottomLeft, overlay: cameraView, image: image), image: image)

问题在于最后两行，它们通过传递bottomLeft进行转置，它应该是bottomRight，反之亦然。（容易犯错，我也做过了！）

帮助那些使用CIPerspectiveCorrection（以及其他使用CIVectors的过滤器）的人的一些解释。

（1）CIVector可以有任何地方 - 我认为2到几乎无限量的组件。这取决于过滤器。在这种情况下，有两个组件（X，Y）。很简单，但是扭曲的是4 CIVectors描述了CIImage范围内的4个点，其中原点是左下角，而不是左上角。
（2）注意我没有说4面形状。你实际上可以有一个“图8”形状，其中“右下”点位于“左下角”点的左侧！这将导致两侧相互交叉的形状。
（3）重要的是所有4点都与CIImage范围有关。如果没有，则过滤器返回nil，输出图像。

对于那些之前没有使用CIImage过滤器的人来说，最后一个注意事项 - 在你要求输出图像之前，过滤器不会执行。您可以实例化一个，填写参数，链接它们，等等。您甚至可以在过滤器名称（或其任何键）中输入拼写错误。在您的代码要求filter.outputImage之前，没有任何反应。

在Swift中从Camera中裁剪图像而不移动到另一个ViewController

1 个答案: