iOS如何裁剪圆形头像

2020-01-15 13:44:01丽君
易采站长站为您分析iOS如何裁剪圆形头像的方法,如何为圆形头像加边框,如何进行截图操作,感兴趣的小伙伴们可以参考一下  

本文实例为大家介绍了iOS裁剪圆形头像的详细代码,供大家参考,具体内容如下


- (void)viewDidLoad {
  [super viewDidLoad];
   
  //加载图片
  UIImage *image = [UIImage imageNamed:@"菲哥"];
   
  //获取图片尺寸
  CGSize size = image.size;
   
  //开启位图上下文
  UIGraphicsBeginImageContextWithOptions(size, NO, 0);
   
  //创建圆形路径
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
   
  //设置为裁剪区域
  [path addClip];
   
  //绘制图片
  [image drawAtPoint:CGPointZero];
   
  //获取裁剪后的图片
  _imageView.image = UIGraphicsGetImageFromCurrentImageContext();
   
  //关闭上下文
  UIGraphicsEndImageContext();
   
}

再来一张菲哥的头像

iOS,裁剪,圆形头像

如果想要在圆形头像外加一个边框,思路是先绘制一个大圆,然后在这个圆尺寸范围内绘制一个图片大小的圆。


- (void)viewDidLoad {
  [super viewDidLoad];
   
  //加载图片
  UIImage *image = [UIImage imageNamed:@"大菲哥"];
   
  //设置边框宽度
  CGFloat border = 3;
  CGFloat imageWH = image.size.width;
   
  //计算外圆的尺寸
  CGFloat ovalWH = imageWH + 2 * border;
   
  //开启上下文
  UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);
   
  //画一个大的圆形
  UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, ovalWH, ovalWH)];
   
  [[UIColor orangeColor]set];
   
  [path fill];
   
  //设置裁剪区域
  UIBezierPath *path1 = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(border, border, imageWH, imageWH)];
  [path1 addClip];
   
  //绘制图片
  [image drawAtPoint:CGPointMake(border, border)];
   
  //从上下文中获取图片
  _imageView.image = UIGraphicsGetImageFromCurrentImageContext();
   
  //关闭上下文
  UIGraphicsEndImageContext();
   
}

效果如图:

iOS,裁剪,圆形头像