How to mask a square image into an image with round corners in iOS?

by

You can use CoreGraphics to create a path for a round rectangle with this code snippet:

static void addRoundedRectToPath(CGContextRef context, CGRect rect, float ovalWidth, float ovalHeight)
{
    float fw, fh;
    if (ovalWidth == 0 || ovalHeight == 0) {
        CGContextAddRect(context, rect);
        return;
    }
    CGContextSaveGState(context);
    CGContextTranslateCTM (context, CGRectGetMinX(rect), CGRectGetMinY(rect));
    CGContextScaleCTM (context, ovalWidth, ovalHeight);
    fw = CGRectGetWidth (rect) / ovalWidth;
    fh = CGRectGetHeight (rect) / ovalHeight;
    CGContextMoveToPoint(context, fw, fh/2);
    CGContextAddArcToPoint(context, fw, fh, fw/2, fh, 1);
    CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 1);
    CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 1);
    CGContextAddArcToPoint(context, fw, 0, fw, fh/2, 1);
    CGContextClosePath(context);
    CGContextRestoreGState(context);
}

And then call CGContextClip(context); to clip it to the rectangle path. Now any drawing done, including drawing an image, will be clipped to the round rectangle shape.

As an example, assuming “image” is a UIImage, and this is in a drawRect: method:

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSaveGState(context);
addRoundedRectToPath(context, self.frame, 10, 10);
CGContextClip(context);
[image drawInRect:self.frame];
CGContextRestoreGState(context);

More Related Contents:

  1. Loading/Downloading image from URL on Swift
  2. The simplest way to resize an UIImage?
  3. Swift PNG Image being saved with incorrect orientation
  4. How to save picture to iPhone photo library?
  5. How can I mask a UIImageView?
  6. How to Convert UIView to PDF within iOS?
  7. How to compress of reduce the size of an image before uploading to Parse as PFFile? (Swift)
  8. UIImageView – How to get the file name of the image assigned?
  9. How do I take a full screen Screenshot in Swift?
  10. Resize UIImage with aspect ratio?
  11. How to compress/resize image on iOS before uploading to a server?
  12. How would I tint an image programmatically on iOS?
  13. How to flip UIImage horizontally?
  14. How to create a colored 1×1 UIImage on the iPhone dynamically?
  15. Creating a UIImage from a UIColor to use as a background image for UIButton [duplicate]
  16. How to turn a CVPixelBuffer into a UIImage?
  17. UIImage imageNamed returns nil
  18. Get pixel data as array from UIImage/CGImage in swift
  19. How can I color a UIImage in Swift?
  20. How to round corners of UIImage with Hexagon mask
  21. how to resize an image or done as a NSAttributedString NSTextAttachment (or set its initital size)
  22. How to set the opacity/alpha of a UIImage?
  23. iOS – UIImageView – how to handle UIImage image orientation
  24. Swift playgrounds with UIImage
  25. add UIImage in CALayer
  26. Convert UIImage to NSData and convert back to UIImage in Swift?
  27. How do you create a UIImage View Programmatically – Swift
  28. How can I change the color of a UIImage? [duplicate]
  29. Replace a particular color inside an image with another color
  30. How to merge two UIImages?

Leave a Comment