Cutting a UIImageView according to UIBezier?

Question

I have a UIImageView, with a certain image. I also have a UIBezierPath in some strange shape. I would like to cut the image to that shape and return a new image in that shape.

In the form of :

func getCut(bezier:UIBezierPath, image:UIImageView)->UIImageView

score 4 · Accepted Answer · answered Dec 06 '17 at 07:10

You can use mask to do so. Here's a quick example.

class ViewController: UIViewController {

    var path: UIBezierPath!
    var touchPoint: CGPoint!
    var startPoint: CGPoint!

    var imageView =  UIImageView(image: #imageLiteral(resourceName: "IMG_0715"))

    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(imageView)
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        if let touch = touches.first {
            startPoint = touch.location(in: view)
            path = UIBezierPath()
            path.move(to: startPoint)
        }
    }

    override func touchesMoved(_ touches: Set<UITouch>, with event: UIEvent?) {
        if let touch = touches.first {
            touchPoint = touch.location(in: view)
        }

        path.addLine(to: touchPoint)
        startPoint = touchPoint

    }

    override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
        cut()
    }

    private func cut() {
        guard let path = path else { return }
        imageView = imageView.getCut(with: path)
    }

}

extension UIImageView {
    func getCut(with bezier: UIBezierPath) -> UIImageView {

        let shapeLayer = CAShapeLayer()
        shapeLayer.path = bezier.cgPath

        self.layer.mask = shapeLayer

        return self
    }
}

score 1 · Answer 2 · answered Dec 06 '17 at 09:13

Use UIGraphicsImageRenderer to make an image with a clipping path. Here is a Playground:

import PlaygroundSupport
import UIKit

let imageToCrop = UIImage(named: "test.jpg")!
let size = imageToCrop.size
let cutImage = UIGraphicsImageRenderer(size: size).image { imageContext in
    let context = imageContext.cgContext
    let clippingPath = UIBezierPath(ovalIn: CGRect(origin: .zero, size: size)).cgPath
    context.addPath(clippingPath)
    context.clip(using: .evenOdd)
    imageToCrop.draw(at: .zero)
}

let imageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))
imageView.image = cutImage
PlaygroundPage.current.liveView = imageView

score 0 · Answer 3 · answered Dec 06 '17 at 06:24

0

You can use CAShapeLayer for shaping the image... & then to get Image from that shape ...

UIGraphicsBeginImageContext(imgView.bounds.size);
[imgView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage *mainImg = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

Thank You...

Referenced from here..

answered Dec 06 '17 at 06:24

Sneha

880
9
24

Thanks, but this is not swift and not an answer to my question at all. – Curnelious Dec 06 '17 at 06:39
@Curnelious if this answer is okay with the equation approach then the approach is same just convert the code to swift.. – Sneha Dec 06 '17 at 08:31

Cutting a UIImageView according to UIBezier?

3 Answers3