美文网首页
图片擦除(支付宝擦除效果)

图片擦除(支付宝擦除效果)

作者: 遇见灬最美的你 | 来源:发表于2016-12-01 19:21 被阅读14次

原理就是俩张图片叠在一起,去除上面图片的效果。

000.gif

代码如下

//
//  ViewController.m
//  05-图片擦除(了解)
//
//  Created by 李亮 on 2016/12/1.
//  Copyright © 2016年 www.thelast.com. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *imgView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.imgView.userInteractionEnabled = YES;
    UIPanGestureRecognizer * pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
    
    [self.imgView addGestureRecognizer:pan];
}

- (void)pan:(UIPanGestureRecognizer *)pan{
    
    CGPoint p = [pan locationInView:self.imgView];
    
    CGFloat wh = 20;
    CGFloat x = p.x - wh * 0.5;
    CGFloat y = p.y - wh * 0.5;

    CGRect rect = CGRectMake(x, y, wh, wh);
    
    //获取图片的上下文
    UIGraphicsBeginImageContextWithOptions(self.imgView.bounds.size, NO, 0);
    
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    [self.imgView.layer renderInContext:ctx];
    CGContextClearRect(ctx, rect);
    
    UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    self.imgView.image = newImage;
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

代码链接

下载地址 demo

相关文章

  • 图片擦除(支付宝擦除效果)

    原理就是俩张图片叠在一起,去除上面图片的效果。 代码如下 代码链接 下载地址 demo

  • 图片擦除

    图片擦除思路.弄两个不同的图片.上面一张, 下面一张.添加手势,手指在上面移动,擦除图片.擦除前要先确定好擦除区域...

  • Basic Sky Replacement——AK01

    选中新的天空,效果——过渡——线性擦除 {线性擦除效果讲解:过渡完成——百分比例;擦出角度——控制擦除方向;羽化—...

  • Quartz2D之图片擦除

    图片擦除

  • 图片擦除

    图片擦除实现步骤 加载图片,并添加拖动手势;另外加载一张背景图片,用于图片被擦除后显示,置于擦除图片下方 开启位图...

  • 【练习笔记】AK大神001期-简易天空替换

    导入天空图片素材和要替换天空的视频素材,视频放在天空素材下方 给天空素材加内置效果“线性擦除”,把图片素材进行擦除...

  • 图片擦除

    这里下载DEMO 原理:双层imageView,顶部imageview添加拖动手势,清除顶部imageview的上...

  • libgdx利用Pixmap实现实时擦除效果

    先看看效果 完成上图这样实时擦除的效果主要是下面这段代码: 这里只是做了实时擦除效果,pixmap还可以fillR...

  • iOS 图片擦除

    业务逻辑:上下两张图片,上方的图片遮盖下方的图片,为上方图片添加手势,根据手势的位置创建一个擦除的小块,然后开启位...

  • iOS - 图片擦除

    iOS 这碗饭吃了这么久,却没留下点什么东西在我的简书上,一方面是自己的懒惰,一方面还是自己懒,但是今天呢,想起来...

网友评论

      本文标题:图片擦除(支付宝擦除效果)

      本文链接:https://www.haomeiwen.com/subject/qyffmttx.html