Union UIBezierPaths rather than apend path

by

You can get desired result easily by following 2 concepts of Core Graphics :-

i)CGBlendMode
ii)OverLap2Layer

Blend modes tell a context how to apply new content to itself. They determine how pixel data is digitally blended.

 class UnionUIBezierPaths : UIView {

    var firstBeizerPath:UIImage!
    var secondBeizerPath:UIImage!

    override func draw(_ rect: CGRect) {
        super.draw(rect)

       firstBeizerPath = drawOverLapPath(firstBeizerpath: drawCircle(), secondBeizerPath: polygon())
       secondBeizerPath = drawOverLapPath(firstBeizerpath: polygon(), secondBeizerPath: drawCircle())

        let image = UIImage().overLap2Layer(firstLayer:firstBeizerPath , secondLayer:secondBeizerPath)
    }


    func drawCircle() -> UIBezierPath {
        let path = UIBezierPath(ovalIn: CGRect(x: 40, y: 120, width: 100, height: 100) )
        return path
    }

    func polygon() -> UIBezierPath {
        let beizerPath = UIBezierPath()
        beizerPath.move(to: CGPoint(x: 100, y: 10) )
        beizerPath.addLine(to: CGPoint(x: 200.0, y: 40.0) )
        beizerPath.addLine(to: CGPoint(x: 160, y: 140) )
        beizerPath.addLine(to: CGPoint(x: 40, y: 140) )
        beizerPath.addLine(to: CGPoint(x: 0, y: 40) )
        beizerPath.close()
        return beizerPath
    }

    func drawOverLapPath(firstBeizerpath:UIBezierPath ,secondBeizerPath:UIBezierPath )  -> UIImage {

        UIGraphicsBeginImageContext(self.frame.size)

        let firstpath = firstBeizerpath
        UIColor.white.setFill()
        UIColor.black.setStroke()
        firstpath.stroke()
        firstpath.fill()

        // sourceAtop = 20
        let mode = CGBlendMode(rawValue:20)
        UIGraphicsGetCurrentContext()!.setBlendMode(mode!)


        let secondPath = secondBeizerPath
        UIColor.white.setFill()
        UIColor.white.setStroke()
        secondPath.fill()
        secondPath.stroke()

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image!
    }



    func drawImage(image1:UIImage , secondImage:UIImage ) ->UIImage
    {
        UIGraphicsBeginImageContext(self.frame.size)
        image1.draw(in: CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height) )
        secondImage.draw(in: CGRect(x: 0, y: 0, width: frame.size.width, height: frame.size.height) )

        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return newImage!
    }

      }

      //OverLap2Layer
      extension UIImage {
      func overLap2Layer(firstLayer:UIImage , secondLayer:UIImage ) -> UIImage {

                UIGraphicsBeginImageContext(firstLayer.size)
                firstLayer.draw(in: CGRect(x: 0, y: 0, width: firstLayer.size.width, height: firstLayer.size.height) )
                secondLayer.draw(in: CGRect(x: 0, y: 0, width: firstLayer.size.width, height: firstLayer.size.height) )

                let newImage = UIGraphicsGetImageFromCurrentImageContext()
                UIGraphicsEndImageContext()
                return newImage!
            }
        }

First Path :-

enter image description here

Second Path :-

enter image description here

Final Result :-

enter image description here

Reference:-
Blend in Core Graphics ,
Creating Image

GitHub Demo

More Related Contents:

  1. UIBezierPath Triangle with rounded edges
  2. How to Rotate a UIImage 90 degrees?
  3. Getting a screenshot of a UIScrollView, including offscreen parts
  4. How to Convert UIView to PDF within iOS?
  5. How to scale down a UIImage and make it crispy / sharp at the same time instead of blurry?
  6. How do I make UILabel display outlined text?
  7. Resize UIImage with aspect ratio?
  8. CGContextDrawImage draws image upside down when passed UIImage.CGImage
  9. How to get a list of points from a UIBezierPath?
  10. Drawing UIBezierPath on code generated UIView
  11. iOS: what’s the fastest, most performant way to make a screenshot programmatically?
  12. Drawing class drawing straight lines instead of curved lines
  13. How can I set CG_CONTEXT_SHOW_BACKTRACE environmental variable?
  14. One step affine transform for rotation around a point?
  15. Place images along a bezier path
  16. How to create a colored 1×1 UIImage on the iPhone dynamically?
  17. Create a rectangle with just two rounded corners in swift?
  18. Tweening / Interpolating between two CGPaths / UIBeziers
  19. Creating PDF file from UIWebView
  20. Draw Graph curves with UIBezierPath
  21. How to fill a UIBezierPath with a gradient?
  22. How can I set the UINavigationbar with gradient color?
  23. Fade out scrolling UITextView over image?
  24. Undo/Redo for drawing in iOS
  25. How to create a UIImage from the current graphics context?
  26. Round top corners of a UIView and add border
  27. How do I draw a point using Core Graphics?
  28. iOS: is Core Graphics implemented on top of OpenGL?
  29. Is this code drawing at the point or pixel level? How to draw retina pixels?
  30. How to merge two UIImages?

Leave a Comment