下班后，闲着无事，刚好近期在学习画布相关知识，就写了个demo练一下手。高手路过，多多指点！简单介绍一下页面整体结构：1 2 3 4 样式：1 html,body { margin: 0; height: 100%; }2 .wrap { width: 640px; height: 100%...
分类：
其他好文 时间：
2015-09-06 21:39:22
阅读次数：
247
我们已经介绍使用canvas的api，并且做了刮刮卡实例的开发；我们知道canvas的操作必须通过js处理。 Canvas的介绍使用地址： ?http://my.oschina.net/u/2352644/blog/501231? 我们在上面地址处理中做了简单刮刮卡...
分类：
Web程序 时间：
2015-09-05 11:16:17
阅读次数：
314
利用两个canvas 叠加，从而实现刮刮卡效果。.container-page .main .article section #upCanvas { position: absolute; top: 0; left: 0; border: 1px solid #eaeaea; border...
分类：
其他好文 时间：
2015-08-27 14:56:37
阅读次数：
148
<?php ? ??? /* ???? * 经典的概率算法， ???? * $proArr是一个预先设置的数组， ???? * 假设数组为：array(100,200,300，400)， ???? * 开始是从1,1000 这个概率范围内筛选第一个数是...
分类：
编程语言 时间：
2015-08-21 11:37:41
阅读次数：
151
思想：
将一个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
php中奖概率算法，可用于刮刮卡，大转盘等抽奖算法。用法很简单，代码里有详细注释说明，一看就懂 $proCur) { $randNum = mt_rand(1, $proSum); if ($randNum array('id'=>1,'prize'=>'平板电脑'...
分类：
编程语言 时间：
2015-07-17 13:33:56
阅读次数：
144
声明：本文为原创文章，如需转载，请注明来源WAxes，谢谢！ 最近项目刚好用到这种效果，也就是有点像刮刮卡一样，在移动设备上，把某张图片刮掉显示出另一张图片。效果图如下： DEMO请戳右：DEMO 这种在网上还是挺常见的，本来就想直接网上找个demo套用下他的方法就行了，套用了才发现，在andr.....
分类：
Web程序 时间：
2015-07-13 18:04:48
阅读次数：
151
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
imp...
分类：
移动开发 时间：
2015-07-08 19:01:09
阅读次数：
145
jquery.eraser是一款使用鼠标或触摸的动作来擦除画布显示真正图片的插件。jquery.eraser插件的原理是用一个画布遮住图片，然后根据触摸或鼠标输入来擦除画布显示图片，您可以在参数中指定一个回调函数设置画笔大小。使用需知：必须确保图片是完全加载之后调用eraser(),否则它不会工作。...
分类：
Web程序 时间：
2015-06-29 19:27:11
阅读次数：
213
