iOS 图片圆角处理及各种“角”的解决方案

在官方公开的的资料里关于离屏渲染的信息最早是在 2011年的 WWDC， 在多个 session 里都提到了尽量避免会触发离屏渲染的效果。包括：mask, shadow, group opacity, edge antialiasing。

shouldRasterize（光栅化）
masks（遮罩）
shadows（阴影）
edge antialiasing（抗锯齿）
group opacity（不透明）
复杂形状设置圆角等
渐变
Text（UILabel, CATextLayer, Core Text, etc）等等...

种种原因导致了可以使用一两个属性解决的事情，非要闹到影响了性能。这就不能忍···，不了解的可以看一下这位uncle的iOS-离屏渲染详解

以下进入正文-贝塞尔画圆角

性能大概在一万次，14s左右，不同的机型速度也不同

长草了.png

在图中的模拟器里，我们可以看到上面是龙虎颜团子，下面是猴猪颜团子，很萌···
其实也就是用贝塞尔把图片切割了一下,据大神说贝塞尔的性能和CGContext的差不多，而使用自己写的渲染方法会渲染更加的快速。具体的CGContext如何渲染我不清楚，应该是做了整图的绘制渲染。而大神的方法，应该是在原有的绘制整图的基础上，把不需要的边角剪裁。

//贝塞尔
- (UIImage *)QS_getCornerRadius:(CGFloat)c
{
    int w = self.size.width * self.scale;
    int h = self.size.height * self.scale;
    CGRect rect = CGRectMake(0, 0, w, h);
    //使用贝塞尔
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(w, h), false, 1.0);
    [[UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:c] addClip];
    [self drawInRect:rect];
    UIImage *ret = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    return ret;
}

任意形状mask

mask原理很简单，其实就是用一张形状图，加上需要放上去的显示图即可

//mask遮罩
+ (UIImage*)maskWithShowImage:(UIImage *)sImage maskImage:(UIImage*)mImage{
    CGSize size = sImage.size;
    UIGraphicsBeginImageContextWithOptions(size, NO, 0);
    
    [sImage drawInRect:CGRectMake(0, 0, size.width, size.height)];
    [mImage drawInRect:CGRectMake(0, 0, size.width, size.width) blendMode:kCGBlendModeDestinationIn alpha:1];
    UIImage *resultImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return resultImage;
}

本文中的小工具，已经放到github上，如果需要使用的直接下载下来复制QSPolygonImage文件夹即可传送门。