ios-画一个带圆环的图片

来源:互联网 发布:安卓聊天机器人源码 编辑:程序博客网 时间:2024/04/29 01:51

画的步骤的话其实是这样子的,我们首先先画出一个圆环,圆环的数据的话是根据你的图片的大小来算的,然后我们再画出一个裁剪的显示区域,画出之后,我们再把图片给画到上下文中同时渲染就可以了。具体步骤如下

 //获取张图片   UIImage * image=[UIImage imageNamed:@"03"];    //设置margin就是间距    CGFloat margin=10;    //计算图片类型的上下文的大小    CGSize ctxSize=CGSizeMake(image.size.width+2*margin, image.size.height+2*margin);    //开启上下文    UIGraphicsBeginImageContextWithOptions(ctxSize, NO, 0);    //获取上下文    CGContextRef  ctx=UIGraphicsGetCurrentContext();    //计算圆心    CGPoint center=CGPointMake(ctxSize.width*0.5, ctxSize.height*0.5);    //计算下半径    CGFloat radius=(image.size.width+margin)*0.5;    //画一个圆    CGContextAddArc(ctx, center.x,center.y, radius, 0, 2*M_PI, 1);    //设置线宽    CGContextSetLineWidth(ctx, margin);    //渲染    CGContextStrokePath(ctx);    //画图片显示的区域    CGContextAddArc(ctx, center.x, center.y, image.size.width*0.5, 0, 2*M_PI, 1);    //裁剪显示的区域    CGContextClip(ctx);    //把图片画到上下文中,同时渲染    [image drawAtPoint:CGPointMake(margin,margin)];    //获取图片    image=UIGraphicsGetImageFromCurrentImageContext();    //关闭上下文    UIGraphicsEndImageContext();    //保存到相册    UIImageWriteToSavedPhotosAlbum(image, NULL, NULL, NULL);