您始终可以使用调用 CIPerspectiveCorrection 的核心图像过滤器以可视方式裁剪任何四边形(四边形 - 不一定是矩形)的图像。
假设您有一个 414 宽 x 716 高的 imageView 框架,图像的大小为 1600 宽 x 900 高。 (您正在使用 .aspectFit 的内容模式,对吗?)假设您要裁剪一个 4 边形状,即在 imageView 的 (X,Y) 坐标中的角 - 是 (50,50), (75,75) , (100,300) 和 (25,200)。请注意,我按左上角(TL、右上角 (TR)、右下角 (BR)、左下角 (BL) 的顺序列出了点。另请注意,这不是一个直截了当的矩形。
你需要做的是:
- 将 UIImage 转换为 CIImage,其中“extent”是 UIImage 的大小,
- 将那些 UIImageView 坐标转换为 CIImage 坐标,
- 将它们和 CIImage 传递到 CIPerspectiveCorrection 过滤器进行裁剪,然后
- 将 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)
}
}
编辑:我把它放在这里是为了解释事情。我们两个交换了项目,提问者的代码出现了一个问题,出现了 nil 返回。首先,这里是更正后的代码,应该在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 的过滤器)的人。
-
CIVector 可以包含从 - 我认为 2 到几乎无限数量的组件。这取决于过滤器。在这种情况下,有两个分量(X,Y)。很简单,但不同的是,4 个 CIVector 描述了 CIImage 范围内的 4 个点,其中原点位于左下角,而不是左上角。
-
请注意,我没有说 4 面形状。您实际上可以有一个“图 8”形状,其中“右下”点位于“左下”点的左侧!这将导致两侧相互交叉的形状。
-
重要的是所有 4 个点都位于 CIImage 范围内。如果没有,过滤器将返回 nil 作为其输出图像。
对于那些以前没有使用过 CIImage 过滤器的人的最后一点注意 - 在您请求 outputImage 之前,过滤器不会执行。您可以实例化一个,填写参数,链接它们,等等。您甚至可以在过滤器名称(或它们的任何键)中打错字。在您的代码请求 filter.outputImage 之前,什么都没有发生。