本文实例为大家分享了ios将图片裁剪成圆形的具体代码，供大家参考，具体内容如下
原图：
圆形图片裁剪效果：
裁剪成带边框的圆形图片：
核心代码：
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
#import <uikit/uikit.h>
@interface uiimage (image)
/**
* 生成一张圆形图片
*
* @param image 要裁剪的图片
*
* @return 生成的圆形图片
*/
+ (uiimage *)imagewithclipimage:(uiimage *)image;
/**
* 生成一张带有边框的圆形图片
*
* @param borderw 边框宽度
* @param bordercolor 边框颜色
* @param image 要添加边框的图片
*
* @return 生成的带有边框的圆形图片
*/
+ (uiimage *)imagewithborder:(cgfloat)borderw color:(uicolor *)bordercolor image:(uiimage *)image;
@end
|
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
#import "uiimage+image.h"
@implementation uiimage (image)
+ (uiimage *)imagewithclipimage:(uiimage *)image{
+
//1.开启跟原始图片一样大小的上下文
uigraphicsbeginimagecontextwithoptions(image.size, no, 0);
//2.设置一个圆形裁剪区域
//2.1绘制一个圆形
uibezierpath *path = [uibezierpath bezierpathwithovalinrect:cgrectmake(0, 0, image.size.width, image.size.height)];
//2.2.把圆形的路径设置成裁剪区域
[path addclip];//超过裁剪区域以外的内容都给裁剪掉
//3.把图片绘制到上下文当中(超过裁剪区域以外的内容都给裁剪掉)
[image drawatpoint:cgpointzero];
//4.从上下文当中取出图片
uiimage *newimage = uigraphicsgetimagefromcurrentimagecontext();
//5.关闭上下文
uigraphicsendimagecontext();
return newimage;
}
+ (uiimage *)imagewithborder:(cgfloat)borderw color:(uicolor *)bordercolor image:(uiimage *)image{
//1.开启一个上下文
cgsize size = cgsizemake(image.size.width + 2 * borderw, image.size.height + 2 * borderw);
uigraphicsbeginimagecontextwithoptions(size, no, 0);
//2.绘制大圆,显示出来
uibezierpath *path = [uibezierpath bezierpathwithovalinrect:cgrectmake(0, 0, size.width, size.height)];
[bordercolor set];
[path fill];
//3.绘制一个小圆,把小圆设置成裁剪区域
uibezierpath *clippath = [uibezierpath bezierpathwithovalinrect:cgrectmake(borderw, borderw, image.size.width, image.size.height)];
[clippath addclip];
//4.把图片绘制到上下文当中
[image drawatpoint:cgpointmake(borderw, borderw)];
//5.从上下文当中取出图片
uiimage *newimage = uigraphicsgetimagefromcurrentimagecontext();
//6.关闭上下文
uigraphicsendimagecontext();
return newimage;
}
|
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。
原文链接：https://blog.csdn.net/u010981736/article/details/77506243
如果您对该产品感兴趣，请填写办理（客服微信：xiaoxiongyidong）
发表评论
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。