zoukankan      html  css  js  c++  java
  • Quartz 2D在ios中的使用简述一:坐标体系

      Quartz 2D是一个二维图形绘制引擎,支持iOS环境和Mac OS X环境,官方文档:Quartz 2D Programming Guide

    一、坐标体系

    这样的坐标体系就导致我们使用Quartz 2D画的图是倒转的,我们要做以下处理才能得到我们想要的图片效果:

    1.画布延Y轴下移height

    2.对Y轴做垂直翻转

    这2个步骤的代码为:

    1  CGContextTranslateCTM(context, 0, height);
    2  CGContextScaleCTM(context, 1.0, -1.0);

    测试代码为:

    //代码1
    - (void)drawRect:(CGRect)rect {
        CGContextRef context=UIGraphicsGetCurrentContext();
        CGContextSetRGBFillColor(context, 1, 0, 0, 1);
        CGContextFillRect(context, CGRectMake(0, 100, 100, 100));
        NSString *text=@"文字";
        UIFont *font=[UIFont systemFontOfSize:14];
        [text drawAtPoint:CGPointMake(0, 200) withAttributes:font.fontDescriptor.fontAttributes];
        UIImage *img=[UIImage imageNamed:@"gg.jpg"];
        [img drawInRect:CGRectMake(0, 300, 100, 100)];
    }
    //代码2
    -(id)initWithFrame:(CGRect)frame
    {
        if (self=[super initWithFrame:frame]) {
            
            [self setBackgroundColor:[UIColor redColor]];
            UIImageView *imgview=[[UIImageView alloc] initWithFrame:self.bounds];
            
            CGColorSpaceRef colorSpace=CGColorSpaceCreateDeviceRGB();
            float width=self.bounds.size.width;
            float height=self.bounds.size.height;
            //256=10000000
            int bitsPerComponent=8;
            //RGBA*8*width
            int bytesPerRow=4*8*width;
            CGContextRef context=CGBitmapContextCreate(NULL, width, height, bitsPerComponent,  bytesPerRow, colorSpace, kCGImageAlphaPremultipliedLast|kCGBitmapByteOrderDefault);
            //翻转画布
            CGContextTranslateCTM(context, 0, height);
            CGContextScaleCTM(context, 1.0, -1.0);
            UIGraphicsPushContext(context);
            
            //画布透明
            //CGContextFillRect(context, self.bounds);
            CGContextSetRGBFillColor(context, 1, 0, 0, 1);
            CGContextSetRGBStrokeColor(context, 0, 1, 0, 1);
            CGContextFillRect(context, CGRectMake(0, 100, 100, 100));
            NSString *text=@"文字";
            UIFont *font=[UIFont systemFontOfSize:14];
            [text drawAtPoint:CGPointMake(0, 200) withAttributes:font.fontDescriptor.fontAttributes];
            UIImage *img=[UIImage imageNamed:@"gg.jpg"];
            [img drawInRect:CGRectMake(0, 300, 100, 100)];
            
            
            CGImageRef cgimg = CGBitmapContextCreateImage(context);
            UIImage *resultImg = [UIImage imageWithCGImage:cgimg];
            
            CGContextRelease(context);
            CGColorSpaceRelease(colorSpace);
            CGImageRelease(cgimg);
            
            imgview.image=resultImg;
            [self addSubview:imgview];
            
            
        }
        return self;
    }

    2段代码实现的效果一样,代码1并没有做翻转操作,那是因为UIKit在UIGraphicsGetCurrentContext()得到的画布已经帮我们适应好了UIKit的坐标体系。

    转载请注明出处:http://www.cnblogs.com/bandy/p/4341538.html

  • 相关阅读:
    MyBatis Generator 的使用
    Eclipse插件手动安装
    MyBatis中别名的设置
    MyBatis 插入时返回自增主键
    MyBatis 模糊查询
    MyBatis 多个查询条件的传递
    MyBatis 的Mapper中有小于号的处理
    spring mvc rest 方式
    jackson
    中兴阅读:你的移动阅读解决专家,助纸媒们一臂之力
  • 原文地址:https://www.cnblogs.com/bandy/p/4341538.html
Copyright © 2011-2022 走看看