九 iOS之 图片剪裁

介绍图片剪裁，以剪裁圆形为例

普通剪裁

带圆环的图片

---

拖入一个UIImageView,取名“imageView”到view中

• 裁剪出一个普通圆形图片

//0 加载图片    UIImage * image = [UIImage imageNamed:@"阿狸"];    //1 开启位图上下文，跟图片尺寸一样大    UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);    //2 设置圆形裁剪区域（改动此方法可改变裁剪形状）    UIBezierPath * path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];    //3 把路径设置为剪裁区域    [path addClip];    //3 绘制图片    [image drawAtPoint:CGPointZero];    //4 从上下文中获取图片    UIImage * imageNew = UIGraphicsGetImageFromCurrentImageContext();    //5 关闭上下文    UIGraphicsEndImageContext();    self.imageView.image = imageNew;

• 裁剪出带圆环的图片（给UIImage添加一个类目方法）

/** 裁剪一个带圆环的图片 @param image 图片 @param borderWidth 圆环宽度 @param color 圆环颜色 @return 裁剪完成的图片 */+(UIImage*)imageWithClipImage:(UIImage*)image borderWidth:(CGFloat)borderWidth borderColor:(UIColor*)color{    //图片的高度和宽度    CGFloat imageWH = image.size.width;    //圆环的宽度    CGFloat border = borderWidth;    //大圆形的宽度和高度    CGFloat ovalWH = imageWH + 2 * border;  //1、开启上下文    UIGraphicsBeginImageContextWithOptions(CGSizeMake(ovalWH, ovalWH), NO, 0);    //2、画大圆    UIBezierPath * path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, ovalWH, ovalWH)];    [color set];    [path fill];    //3、设置剪裁区域（需先设置）    UIBezierPath * clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(border, border, imageWH, imageWH)];    [clipPath addClip];    //4.绘制图片    [image drawAtPoint:CGPointMake(border, border)];    //5、获取图片    UIImage * clipImage = UIGraphicsGetImageFromCurrentImageContext();    //6、关闭上下文    UIGraphicsEndImageContext();    return clipImage;}

github demo : PictureCutDemo