CGContextClearRect with circle

I am creating an app in which i am trying to clear the rect of UIImageView. I have achieved this with CGContextClearRect, but the problem is that it is clearing rect in square shape and i want to achieve this effect in round shape. What i have tried so far: UITouch *touch2 = [touches anyObject]; CGPoint point = [touch2 locationInView:img]; UIGraphicsBeginImageContextWithOptions(img.bounds.size, NO, 0.0f); [img.image drawInRect:CGRectMake(0, 0, img.frame.size.width, img.frame.size.height) blendMode:kCGBlendModeNormal alpha:1.0]; CGContextRef context = UIGraphicsGetCurrentContext(); CGRect cirleRect = CGRectMake(point.x, point.y, 40, 40); CGContextAddArc(context, 50, 50, 50, 0.0, 2*M_PI, 0); CGContextClip(context); CGContextClearRect(context,cirleRect); //CGContextClearRect(context, CGRectMake(point.x, point.y, 30, 30)); img.image =UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); iphone  ios  objective-c  xcode  ipad share improve this question asked  Feb 7 '13 at 16:20 EXC_BAD_ACCESS 197 2 18

1   Check this answer, may this will work for you. [1]: stackoverflow.com/questions/6061200/… –  sandy  Feb 8 '13 at 7:58  Check this answer with a running example that can help: stackoverflow.com/a/27796085/1381708 –  Gabriel.Massana  Jan 6 '15 at 9:54  add a comment

1 Answer

active oldest votes

up vote 2 down vote accepted

I'm not sure exactly what you are doing, but your clipping arc isn't being created correctly. You are creating it at a fixed position which is why it doesn't really work - except it does, if you click in the top left corner. If you want to see it working try this: - (IBAction)clearCircle:(UITapGestureRecognizer *)sender { UIImageView *imageView = self.imageView; UIImage *currentImage = imageView.image; CGSize imageViewSize = imageView.bounds.size; CGFloat rectWidth = 40.0f; CGFloat rectHeight = 40.0f; CGPoint touchPoint = [sender locationInView:imageView]; UIGraphicsBeginImageContextWithOptions(imageViewSize, YES, 0.0f); CGContextRef ctx = UIGraphicsGetCurrentContext(); [currentImage drawAtPoint:CGPointZero]; CGRect clippingEllipseRect = CGRectMake(touchPoint.x - rectWidth / 2, touchPoint.y - rectHeight / 2, rectWidth, rectHeight); CGContextAddEllipseInRect(ctx, clippingEllipseRect); CGContextClip(ctx); CGContextClearRect(ctx, clippingEllipseRect); imageView.image = UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); } Which creates a clipping ellipse (in this case a circle) in the rect 40 x 40 centred at the touch point. You can see this in an example project on Bitbucket which you can download for yourself to try share improve this answer answered  Feb 8 '13 at 9:51 Abizern 71k 19 144 202

Its working, but the problem is that there is black color behind image. And i have another image behind image, not black color? so what's this happening –  EXC_BAD_ACCESS  Feb 8 '13 at 11:29 1   That's a completely different question - but as a hint, you should look at image masks. –  Abizern  Feb 8 '13 at 11:44 CGContextClip(ctx); Saved my life! –  Albert Renshaw  Sep 24 '14 at 23:16