zoukankan      html  css  js  c++  java
  • 【iOS】Quartz2D图片剪切

    一、使用Quartz2D完成图片剪切
    1.把图片显示在自定义的view中
      先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
      代码:

    1 - (void)drawRect:(CGRect)rect
    2 {
    3     UIImage *image2=[UIImage imageNamed:@"me"];
    4     [image2 drawAtPoint:CGPointMake(100, 100)];
    5 }
    View Code

    显示:

    2.剪切图片让图片圆形展示
      思路:先画一个圆,让图片显示在圆的内部,超出的部分不显示。

          
    注意:显示的范围只限于指定的剪切范围,无论往上下文中绘制什么东西,只要超出了这个范围的都不会显示。
    代码:
    - (void)drawRect:(CGRect)rect
    {
        //画圆,以便以后指定可以显示图片的范围
        //获取图形上下文
        CGContextRef ctx=UIGraphicsGetCurrentContext();
        CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
        
        //指定上下文中可以显示内容的范围就是圆的范围
        CGContextClip(ctx);
        UIImage *image2=[UIImage imageNamed:@"me"];
        [image2 drawAtPoint:CGPointMake(100, 100)];
    }
    View Code
    显示:
     

    iOS开发UI篇—Quartz2D使用(图片剪切)

    iOS开发UI篇—Quartz2D使用(图片剪切)

    一、使用Quartz2D完成图片剪切
    1.把图片显示在自定义的view中
    先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
    代码:
    1 - (void)drawRect:(CGRect)rect
    2 {
    3     UIImage *image2=[UIImage imageNamed:@"me"];
    4     [image2 drawAtPoint:CGPointMake(100, 100)];
    5 }

    显示:

    2.剪切图片让图片圆形展示
    思路:先画一个圆,让图片显示在圆的内部,超出的部分不显示。
          
    注意:显示的范围只限于指定的剪切范围,无论往上下文中绘制什么东西,只要超出了这个范围的都不会显示。
    代码:
    按 Ctrl+C 复制代码
    按 Ctrl+C 复制代码
    显示:
     
    3.剪切图片让图片三角形展示

      代码:

     1 - (void)drawRect:(CGRect)rect
     2 {
     3 
     4     //画三角形,以便以后指定可以显示图片的范围
     5     //获取图形上下文
     6     CGContextRef ctx=UIGraphicsGetCurrentContext();
     7 //    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50));
     8     CGContextMoveToPoint(ctx, 100, 100);
     9     CGContextAddLineToPoint(ctx, 60, 150);
    10      CGContextAddLineToPoint(ctx, 140, 150);
    11     CGContextClosePath(ctx);
    12     
    13     
    14     //注意:指定范围(也就是指定剪切的方法一定要在绘制范围之前进行调用)
    15     //指定上下文中可以显示内容的范围就是圆的范围
    16     CGContextClip(ctx);
    17     UIImage *image2=[UIImage imageNamed:@"me"];
    18     [image2 drawAtPoint:CGPointMake(100, 100)];
    19 }
    View Code

    显示:

        

  • 相关阅读:
    读图,特征提取——形状
    5.2 SW1控制LED1亮灭(中断功能)
    3、寄存器
    5.1、按键SW1控制LED1亮灭
    4.2、LED1、LED2交替闪烁
    2、编程工具IAR、烧写工具SmartRF的使用
    4.1、实现4个LED灯同时闪烁
    1、CC2530单片机介绍
    装windows系统教程
    连接夜神模拟器
  • 原文地址:https://www.cnblogs.com/surge/p/4180650.html
Copyright © 2011-2022 走看看