使用MDScratchImageView实现刮奖效果

https://github.com/moqod/iOS-Scratch-n-See

最终效果:

其实这是使用了别人的东西而已:)

源码:

//
//  RootViewController.m
//  Scratch
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "RootViewController.h"
#import "MDScratchImageView.h"
#import "UIImage+ImageEffects.h"@interface RootViewController ()@end@implementation RootViewController- (void)viewDidLoad
{[super viewDidLoad];self.view.backgroundColor = [UIColor blackColor];UIImage *image = [UIImage imageNamed:@"show"];// 背景图片UIImageView *blurImageView = \[[UIImageView alloc] initWithFrame:(CGRect){CGPointZero, image.size}];blurImageView.image        = image;blurImageView.center       = self.view.center;[self.view addSubview:blurImageView];// 被刮的图片MDScratchImageView *scratchImageView = \[[MDScratchImageView alloc] initWithFrame:(CGRect){CGPointZero, image.size}];[scratchImageView setImage:imageradius:10.f];scratchImageView.center             = self.view.center;[self.view addSubview:scratchImageView];
}@end

转载于:https://www.cnblogs.com/YouXianMing/p/3783208.html

使用MDScratchImageView实现刮奖效果相关推荐

canvas刮奖效果
上次写刮奖效果都一年前了,那时候还是百度找的源码给改的,自己其实也是迷迷糊糊的,这次因为让妹子写,然后想着自己也重新整理下. <!DOCTYPE html> <html> &l ...
HTML5实现刮奖效果
原文:HTML5实现刮奖效果要实现刮奖效果,最重要的是要找到一种方法:当刮开上层的涂层是就能看到下层的结果.而HTML5的canvas API中有一个属性globalCompositeOperati ...
刮刮奖效果的简单实现
刮刮奖效果的简单实现无意中看到个刮刮奖的效果,觉得很有意思.就想自己也做一个,怎样用html5及javascript实现呢,回忆以前做报表的时候,用过html5 canvas元素.心里就有思路了. ...
html5刮奖效果,HTML5+Canvas实战之刮奖效果
项目描述 HTML5+Canvas实战之刮奖效果,实现网页上刮奖,可以用作验证码: 可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new L ...
html5刮奖效果,HTML5 Canvas实战之刮奖效果
近年来由于移动设备对HTML5的较好支持,经常有活动用刮奖的效果,最近也在看H5方面的内容,就自己实现了一个,现分享出来跟大家交流. 1.效果 2.原理原理很简单,就是在刮奖区添加两个canvas, ...
html刮奖特效,用CANVAS模拟一个简单的刮奖效果
用CANVAS模拟一个简单的刮奖效果.html> * { padding: 0; margin: 0; } .box { position: relative; height: 400px; w ...
用原生js实现刮奖效果
用原生js实现简单的刮奖效果效果图分析:这是运用canvas来做的,页面结构为一个canvas和一张图片.canvas在最上层,图片在最下层.canvas与图片宽高一致.首先在canvas上填充灰 ...
Android刮奖效果
背景知识使用Xfermode中的PorterDuffXfermode实现我们的刮奖效果 PorterDuffXfermode 这是一个非常强大的转换模式,使用它,可以使用图像合成的16条Porter ...
入门canvas - 通过刮奖效果来学习
一 .前言一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...
简单入门canvas - 通过刮奖效果来学习
一 .前言一直在做PC端的前端开发,从互联网到行业软件.最近发现移动端已经成为前端必备技能了,真是不能停止学习.HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下, ...

使用MDScratchImageView实现刮奖效果

使用MDScratchImageView实现刮奖效果相关推荐

最新文章

热门文章