用canvas+mouseArea实现的刮刮卡效果。表层是一层色彩,用手指划开,可看到下面的文字Lisence: MIT, 请保留本文档说明Author: surfsky.cnblogs.com 2015-02【先看效果】【下载】http://download.csdn.net/detail/sur...
分类:
其他好文 时间:
2015-02-13 18:22:17
阅读次数:
328
今天我有时间学习了一下html5新增的这个标签canvas,以前虽然经常写html5网页,可是都没用过这个标签。最近刚弄了一个h5微信送祝福的网页,差不多折腾了一个星期,所以我觉得我得系统的来学习一下html5和css3了。好了,废话不多说,下面贴出我的代码。 1 2 3 4 ...
分类:
Web程序 时间:
2015-02-10 20:09:51
阅读次数:
180
Document (function (doc,win){ var Scratch = function(options){ this.options = options; this.up = doc.querySelector("#up"); t...
分类:
其他好文 时间:
2015-01-23 18:02:14
阅读次数:
193
一、简介:今天是2014年最后一天啦,首先在这里,我祝福大家在新的2015年都一个个的新健康,新收入,新顺利,新如意!!!上一偏,我介绍了用Xfermode实现自定义圆角和椭圆图片view的博文《Android实现自定义圆形、圆角和椭圆ImageView(使用Xfermode图形渲染方法)》,今天我...
分类:
移动开发 时间:
2014-12-31 19:58:27
阅读次数:
293
原文 使用HTML5实现刮刮卡效果你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。查看演示 下载源码我们利用HTML5的画布Canvas,结合其提供的API,在Canv...
分类:
Web程序 时间:
2014-12-20 10:22:44
阅读次数:
149
我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到和手势来绘制一个透明的图形,这样就能看到Canvas背景下的真实图片,就达到刮刮卡效果。HTML我们只需要在页面中加入canvas标签元素,其他的就看javascript的了。注意...
分类:
Web程序 时间:
2014-12-16 16:34:22
阅读次数:
402
php中奖概率算法,可用于刮刮卡,大转盘等抽奖算法。用法很简单,代码里有详细注释说明,一看就懂 $proCur) { $randNum = mt_rand(1, $proSum); if ($randNum array('id'=>1,'prize'=>'平板电脑'...
分类:
编程语言 时间:
2014-12-06 15:16:08
阅读次数:
360
你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然后通过检测用户鼠标移到...
分类:
Web程序 时间:
2014-11-13 14:15:24
阅读次数:
217
很久以前也过一个html5的刮刮卡效果~~上次看到有人写Android的刮刮卡效果~~于是乎产生了本篇博客~~此类例子也比较多了,大家可以百度看看~不过还是通过本例子,带大家发掘一下,里面隐含的知识~1、Xfermode以及PorterDuff如果大家还记得,曾经在博客:完美实现图片圆角和圆形简单介...
分类:
移动开发 时间:
2014-10-28 02:00:34
阅读次数:
210