ios-画一个带圆环的图片

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

 //获取张图片
   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);