两张图片合成一张   绘制圆角等

本文介绍了如何使用iOS绘图API实现圆角图片、图片合成及带logo的二维码生成,并探讨了不同类型的贝塞尔路径绘制方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(1)绘制圆角

 //绘图圆角


        CGRect rect = (CGRect){0.f, 0.f, icon.size};

        

        UIGraphicsBeginImageContextWithOptions(icon.size, NO, UIScreen.mainScreen.scale);

        

        CGContextAddPath(UIGraphicsGetCurrentContext(),

                         [UIBezierPath bezierPathWithRoundedRect:rect cornerRadius:8].CGPath);

        

        CGContextClip(UIGraphicsGetCurrentContext());

        

        [icon drawInRect:rect];

        

        UIImage *output = UIGraphicsGetImageFromCurrentImageContext();

        

        UIGraphicsEndImageContext();

        


        

 


       

   (2)两张图片合成一张     

       

        //1.png的图大小为底图

        UIImage *img1 = [UIImage imageNamed:@"bg_"];

       

        

        //1.png的图大小为画布创建上下文

        UIGraphicsBeginImageContext(CGSizeMake(100, 100));

        [img1 drawInRect:CGRectMake(0, 0, 100, 100)];//先把1.png 画到上下文中

        [output drawInRect:CGRectMake(5, 5, 90, 90)];//再把小图放在上下文中

        UIImage *resultImg = UIGraphicsGetImageFromCurrentImageContext();//从当前上下文中获得最终图片

        UIGraphicsEndImageContext();//关闭上下文

        

        //        CGImageRelease(imgRef);

        //        CGImageRelease(imgRef1);

        

        icon = resultImg;




(3)生成二维码

  // 生成带图片的二维码

    [UIImage qrImageWithString:content size:myWidth * qrScale iconImage:icon scale: margin/(myWidth * qrScale) completion:^(UIImage *image) {

        weakSelf.qrImageView.image = image;

        //48 152 252

        //UIImage *img = [weakSelf changeCodeColor:image red:48 green:152 blue:252];

        

        //weakSelf.qrImageView.image = img;

 

    }];

#pragma mark - 带图片二维码(图片指定比例、方形)

+ (void)qrImageWithString:(NSString *)string  size:(CGFloat)size iconImage:(UIImage *)iconImage scale:(CGFloat)scale completion:(void (^)(UIImage * image))completion {

    // 传入 CenterImgType_Square scale

    

    [UIImage qrImageWithString:string size:size CenterImageType:CenterImgType_CornorRadious iconImage:iconImage scale:scale completion:completion];//CenterImgType_Square 方形 CenterImgType_CornorRadious 切圆角

}



扩展  贝塞尔曲线   

关于绘制这块,系统已经提供了几个内置的方法:

+ (instancetype)bezierPathWithRect:(CGRect)rect;
+ (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius; // rounds all corners with the same horizontal and vertical radius
+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
+ (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
+ (instancetype)bezierPathWithCGPath:(CGPathRef)CGPath;

今天就简单的介绍一下这几个方法


1:画矩形
  • (instancetype)bezierPathWithRect:(CGRect)rect;
    系统方法,画矩形
    rect: 矩形的Frame
- (void)drawRect:(CGRect)rect
{
    // 设置线的填充色
    [[UIColor redColor] setStroke];

    // 新建一个bezier对象,此对象用于绘制矩形,需要传入绘制的矩形的Frame
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRect:CGRectMake(10, 10, 280, 280)];
    // 设置线宽度
    bezierPath.lineWidth = 10;
    // 设置线两头样式
    bezierPath.lineCapStyle = kCGLineCapRound;

    // 开始绘制
    [bezierPath stroke];
}
两张图片合成一张 <wbr> <wbr> <wbr>绘制圆角等
屏幕快照 2015-12-30 14.49.09.png

2:画矩形,圆角矩形
  • (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius; // rounds all corners with the same horizontal and vertical radius
    系统方法,绘制一个圆角的矩形
    rect: 矩形的Frame
    cornerRadius: 圆角的半径
- (void)drawRect:(CGRect)rect
{
    // 设置线的填充色
    [[UIColor redColor] setStroke];

    // 新建一个bezier对象,此对象用于绘制一个圆角矩形
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 280, 280)
                                                          cornerRadius:30];
    // 设置线宽度
    bezierPath.lineWidth = 10;

    // 开始绘制
    [bezierPath stroke];
}
两张图片合成一张 <wbr> <wbr> <wbr>绘制圆角等
屏幕快照 2015-12-30 15.08.32.png

3:画矩形,部分圆角的矩形

  • (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;
    画一个部分圆角的矩形
    rect: 需要画的矩形的Frame
    corners: 哪些部位需要画成圆角
    cornerRadii: 圆角的Size
- (void)drawRect:(CGRect)rect
{
    // 设置线的填充色
    [[UIColor redColor] setStroke];

    // 新建一个bezier对象,此对象用于绘制一个部分圆角的矩形,左上、右下
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(10, 10, 280, 280)
                                                     byRoundingCorners:UIRectCornerTopLeft | UIRectCornerBottomRight
                                                           cornerRadii:CGSizeMake(10, 10)];
    // 设置线宽度
    bezierPath.lineWidth = 10;

    // 开始绘制
    [bezierPath stroke];
}
两张图片合成一张 <wbr> <wbr> <wbr>绘制圆角等
屏幕快照 2015-12-30 15.35.48.png

4:画圆,内切圆
  • (instancetype)bezierPathWithOvalInRect:(CGRect)rect;
    画圆,这个方法绘制的是一个矩形的内切圆
    rect: 矩形的Frame
- (void)drawRect:(CGRect)rect
{
    // 设置线的填充色
    [[UIColor redColor] setStroke];

    // 新建一个bezier对象,此对象用于绘制内切圆,需要传入绘制内切圆的矩形的Frame
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(10, 10, 280, 280)];
    // 设置线宽度
    bezierPath.lineWidth = 10;
    // 设置线两头样式
    bezierPath.lineCapStyle = kCGLineCapRound;

    // 开始绘制
    [bezierPath stroke];
}
两张图片合成一张 <wbr> <wbr> <wbr>绘制圆角等
屏幕快照 2015-12-30 14.57.05.png

5:画圆弧
  • (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;
    center: 圆心坐标
    radius: 圆的半径
    startAngle: 绘制起始点角度
    endAngle: 绘制终点角度
    clockwise: 是否顺时针
- (void)drawRect:(CGRect)rect
{
    // 设置线的填充色
    [[UIColor redColor] setStroke];

    // 新建一个bezier对象,此对象用于绘制一个圆弧
    UIBezierPath *bezierPath = [UIBezierPath bezierPathWithArcCenter:CGPointMake(150, 150)
                                                              radius:110
                                                          startAngle:0
                                                            endAngle:M_PI_2
                                                           clockwise:NO];
    // 设置线宽度
    bezierPath.lineWidth = 10;

    // 开始绘制
    [bezierPath stroke];
}
两张图片合成一张 <wbr> <wbr> <wbr>绘制圆角等
屏幕快照 2015-12-30 16.32.44.png




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值