美文网首页
IOS:把用户上传头像裁剪为圆形

IOS:把用户上传头像裁剪为圆形

作者: lxf_2013 | 来源:发表于2016-06-06 02:06 被阅读529次

直接上代码:

UIImage*image =[UIImage imageNamed:@"testPic"];

//图片的宽度和高度

CGFloat imageWH = image.size.width;

//设置圆环的宽度

CGFloat border = 3;

//圆形的宽度和高度

CGFloat ovalWH = imageWH +2* border;

// 1.开启上下文

UIGraphicsBeginImageContextWithOptions(CGSizeMake(ovalWH, ovalWH),NO,0);

// 2.画大圆

UIBezierPath*path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0,0, ovalWH, ovalWH)];

//圆环颜色

[[UIColor redColor] 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();

border:这是图片四周的圆环宽度

[[UIColor redColor] set];这是设置圆环颜色

clipImage 就是获取的裁剪好的图片

相关文章

  • IOS:把用户上传头像裁剪为圆形

    直接上代码: UIImage*image =[UIImage imageNamed:@"testPic"];//图...

  • Android实现头像上传

    Android实现本地上传图片并设置为圆形头像 Android实现类似换QQ头像功能(图片裁剪) android上...

  • Image

    设置头像 一、头像设置流程流程一般包括头像选择、上传、裁剪、预览四个步骤,UI界面至少给用户裁剪和预览。 1.选择...

  • iOS 头像裁剪、图片裁剪、微信头像裁剪

    iOS 头像裁剪、图片裁剪、微信头像裁剪 关于图片裁剪,基本上所有涉及到c端用户带基本信息的App基本都会用到,使...

  • IOS 将图片转化裁剪为圆形头像

    好久没写了过了,继续开写吧.将图片转化裁剪为圆形的头像 原图: 效果图: 小小白一只,就是这样啦

  • iOS用户头像的圆形图片裁剪常用方法

    使用图层剪切 通过Quartz2D将图形绘制出一张圆形图片 通常的解决的办法就是通过Quartz2D将图形绘制出一...

  • 高效绘制圆角图片

    出于美观的原因,现在很多地方只要需要显示用户头像时都可能显示成圆形的,这时候就需要我们自己来处理, 说到把图片裁剪...

  • 上传圆形头像

    从iOS7一个变化就是相对于方形图形,更多的使用圆形图形。微信是使用的方形头像,qq、微博、闲鱼等很多App都用是...

  • iOS开发——制作圆形头像

    在iOS7之后,我们能发现许多应用都开始使用圆形来作为用户头像的形状,代表App就是腾讯QQ了,QQ的头像就是圆形...

  • AndroidHeadImageCliper

    GIT地址 功能描述:头像上传在APP中是很常见的功能,但是关于头像上传前的图片裁剪方式,如果使用系统提供的裁剪方...

网友评论

      本文标题:IOS:把用户上传头像裁剪为圆形

      本文链接:https://www.haomeiwen.com/subject/wtbrdttx.html