思想：
将一个View设计成多层，内层（包括中奖信息）和外层（用于刮奖），外层的图层用Canvas与一个Bitmap关联，用这个关联的Bitmap来处理手势的滑动，类似于刮奖的动作。
使用paint.setXfermode 来进行消除手势滑动区域
package com.jackie.guaguale;
import android.content.Context;
import an...
分类：
其他好文 时间：
2015-07-29 23:02:11
阅读次数：
162
主要思想：
将一个view设计成多层：背景层，含中奖信息等；
遮盖层，用于刮奖，使用关联一个Bitmap的Canvas
在该Bitmap上，使用它的canvas.drawPath的api来处理 手势滑动(类似刮奖的动作)
使用paint.setXfermode 来进行消除手势滑动区域
/**
* author : stone
* email : aa8679...
分类：
移动开发 时间：
2015-07-28 18:46:04
阅读次数：
173
上次写刮奖效果都一年前了，那时候还是百度找的源码给改的，自己其实也是迷迷糊糊的，这次因为让妹子写，然后想着自己也重新整理下。 刮奖效果
分类：
其他好文 时间：
2015-05-06 10:24:41
阅读次数：
169
说明
ErasableLayer是一个可擦除的Layer，可实现类似橡皮擦、刮奖等效果。原理是通过颜色混合实现的。关于颜色混合可查看这篇文章>>点击查看<<。
测试环境：cocos2d-x3.3、cocos2d-x3.5
项目地址：https://coding.net/u/linchaolong/p/ErasableLayer/git
源码
这里创建了一个蓝色的LayerColor，并擦除该Layer。...
分类：
其他好文 时间：
2015-04-30 10:47:39
阅读次数：
132
原文:HTML5实现刮奖效果要实现刮奖效果，最重要的是要找到一种方法：当刮开上层的涂层是就能看到下层的结果。而HTML5的canvas API中有一个属性globalCompositeOperation，这个属性有多个值，而实现刮奖效果要用到的值就是destination-out。意思就是：在已有内...
分类：
Web程序 时间：
2015-01-23 09:28:15
阅读次数：
647
一 、前言一直在做PC端的前端开发，从互联网到行业软件。最近发现移动端已经成为前端必备技能了，真是不能停止学习。HTML5新增的一些东西，canvas是用的比较多也比较复杂的一个，简单的入门了一下，通过一个刮奖效果来学习。二、canvas基础本文的目标是做一个刮奖效果，但是如果都不知道canvas是...
分类：
其他好文 时间：
2015-01-20 20:09:24
阅读次数：
197
普通版本完成的锯齿很严重 但是Ios系统中仅CGContextClearRect 并不存在cyclo等方法。 网上查了一些资料。 发现还是利用到了CG 中的Mask来实现效果图：这种效果可以自定义画笔的粗细等相关设置，不会像普通模式中出现比较严重的锯齿。具体分析如下： 1.获取需要隐藏View的l....
分类：
移动开发 时间：
2015-01-04 15:17:47
阅读次数：
235
原文 使用HTML5实现刮刮卡效果你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果，在PC上只需按住鼠标，在手机上你只需按住指头，轻轻刮去图层就可以模拟真实的刮奖效果。查看演示 下载源码我们利用HTML5的画布Canvas，结合其提供的API，在Canv...
分类：
Web程序 时间：
2014-12-20 10:22:44
阅读次数：
149
