你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到...
分类:
Web程序 时间:
2014-11-13 14:15:24
阅读次数:
217
文章来源:PHP开发学习门户
地址:http://www.phpthinking.com/archives/525
你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。
我们利用HTML5的画布Canvas,结合其提供的API,在Ca...
分类:
Web程序 时间:
2014-10-09 02:42:08
阅读次数:
331
原文地址:http://www.phpthinking.com/archives/525 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。...
分类:
Web程序 时间:
2014-10-05 02:23:17
阅读次数:
216
1 import android.content.Context; 2 import android.graphics.Bitmap; 3 import android.graphics.Bitmap.Config; 4 import android.graphics.Canvas; 5...
分类:
其他好文 时间:
2014-09-20 21:08:39
阅读次数:
284
刮奖在生活中常常见到,网上现在也有各种各样的抽奖活动,下面我们就要实现一个刮刮乐程序,可以完美满足 大家的虚荣心,哈哈,下面就开始吧,100%中奖的喔!下面先来看看效果图:让我们来看看它的布局:1234567891011121314151617181920212223布局很简单,通过相对布局,将文字...
分类:
移动开发 时间:
2014-09-09 15:43:48
阅读次数:
298
刮奖在生活中常常见到,网上现在也有各种各样的抽奖活动,下面我们就要实现一个刮刮乐程序,可以完美满足 大家的虚荣心,哈哈,下面就开始吧,100%中奖的喔!下面先来看看效果图:让我们来看看它的布局:1234567891011121314151617181920212223布局很简单,通过相对布局,将文字...
分类:
移动开发 时间:
2014-09-05 22:20:32
阅读次数:
373
//代码框架 .scratchpad {height: 178px;position: absolute;right: 6px;top: 110px;width: 294px;}/*插件框架*//*! wScratchPad - v2.1.0 - 2014-04-14 *...
分类:
其他好文 时间:
2014-08-21 18:42:04
阅读次数:
310
今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成android版本的,或者其他的~
效果图:
贴一张我中500w的照片,咋办啊,怎么花呢~
好了,下面开始原理:
1、刮奖区域两个Canvas,一个是front , 一个back ,front遮盖住下面的canvas。
2、canvas默认填充了一个矩形,将下面canvas效果图遮盖,然后监...
分类:
Web程序 时间:
2014-06-24 17:15:19
阅读次数:
399
做微信刮刮卡活动,有个用户刮奖次数的限制,昨天一切正常,所以就改动了一些东西,今天再打开的时候刮奖次数第一次是1,第二次是3,第三次是5,感觉就是页面刷新了两遍。检查前后台代码,发现一些bug就顺手修改了,其实不是造成这个问题的真正原因。没办法,自己写了个一个计数器,计算访问当前页面的次数,发现在微信里面从1直接跳到3,然后跳到5,其他pc浏览器一点问题木有。从后台代码,检查到前台html,断点似...
分类:
微信 时间:
2014-06-22 19:32:39
阅读次数:
410
在淘宝、京东等电商举办活动的时候,经常可以看到在移动客户端推出的各种刮奖活动,而这种活动也受到了很多人的喜爱。从客户端的体验来说,这种效果应该是通过网页来实现的,那么,我们使用Android的自带控件能不能实现这种刮刮乐的效果呢?当然可以,本篇文章将介绍使用Canvas这个对象,如何实现“刮刮乐”的效果。
先看效果图
下面我们看一下如何使用代码实现
布局文件
<FrameL...
分类:
其他好文 时间:
2014-06-18 07:35:10
阅读次数:
478