#import <UIKit/UIKit.h>

@interface UIImage (image)

/**
 * 生成一張圓形圖片
 *
 * @param image    要裁剪的圖片
 *
 * @return 生成的圓形圖片
 */

+ (UIImage *)imageWithClipImage:(UIImage *)image;

/**
 * 生成一張帶有邊框的圓形圖片
 *
 * @param borderW   邊框?qū)挾?
 * @param borderColor 邊框顏色
 * @param image    要添加邊框的圖片
 *
 * @return 生成的帶有邊框的圓形圖片
 */
+ (UIImage *)imageWithBorder:(CGFloat)borderW color:(UIColor *)borderColor image:(UIImage *)image;

@end

#import "UIImage+image.h"

@implementation UIImage (image)

+ (UIImage *)imageWithClipImage:(UIImage *)image{
+ 
  //1.開(kāi)啟跟原始圖片一樣大小的上下文
  UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);
  //2.設(shè)置一個(gè)圓形裁剪區(qū)域
  //2.1繪制一個(gè)圓形
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
  //2.2.把圓形的路徑設(shè)置成裁剪區(qū)域
  [path addClip];//超過(guò)裁剪區(qū)域以外的內(nèi)容都給裁剪掉
  //3.把圖片繪制到上下文當(dāng)中(超過(guò)裁剪區(qū)域以外的內(nèi)容都給裁剪掉)
  [image drawAtPoint:CGPointZero];
  //4.從上下文當(dāng)中取出圖片
  UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  //5.關(guān)閉上下文
  UIGraphicsEndImageContext();

  return newImage;
}

+ (UIImage *)imageWithBorder:(CGFloat)borderW color:(UIColor *)borderColor image:(UIImage *)image{

  //1.開(kāi)啟一個(gè)上下文
  CGSize size = CGSizeMake(image.size.width + 2 * borderW, image.size.height + 2 * borderW);
  UIGraphicsBeginImageContextWithOptions(size, NO, 0);
  //2.繪制大圓,顯示出來(lái)
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, size.width, size.height)];
  [borderColor set];
  [path fill];
  //3.繪制一個(gè)小圓,把小圓設(shè)置成裁剪區(qū)域
  UIBezierPath *clipPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(borderW, borderW, image.size.width, image.size.height)];
  [clipPath addClip];
  //4.把圖片繪制到上下文當(dāng)中
  [image drawAtPoint:CGPointMake(borderW, borderW)];
  //5.從上下文當(dāng)中取出圖片
  UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
  //6.關(guān)閉上下文
  UIGraphicsEndImageContext();

  return newImage;
}