常用的类型： 1.数学： Math.ceil()：天花板数 Math.floor()：地板数 Math.round()：四舍五入取整数 Math.random()：生成0-1之间的随机数 2.日期时间： var s = new Date(); var s = new Date(1999,7,23);...
分类：
Web程序 时间：
2015-03-02 20:51:33
阅读次数：
250
实现方法： （1）利用canvas画布，fillRect()描绘出一个矩形（不是透明），定位盖在某个标签如div上面（这个标签写着中奖的信息） （2）globalCompositeOperation = 'destination-out';利用此属性，手指划过画布，arc(x,y, radius.....
分类：
Web程序 时间：
2015-03-02 18:18:39
阅读次数：
208
实现方法： （1）利用canvas画布，fillRect()描绘出一个矩形（不是透明），定位盖在某个标签如div上面（这个标签写着中奖的信息） （2）globalCompositeOperation = 'destination-out';利用此属性，手指划过画布，arc(x,y, radius.....
分类：
Web程序 时间：
2015-02-15 23:05:57
阅读次数：
157
上一篇我们自定义学习画了一个圆形等级条，并附带延时线程完成动画。
今天我们来弄个比较好玩的，（刮刮乐）。
首先先想好策略。
1、肯定是需要一张背景图。
2、再是需要一张覆盖在背景图上面的灰色不透明图块。
3、当我们手指在灰色图块移动一次均会将路径绘制到灰色不透明图块上，但是因为绘制路径是透明的，计算生成的混合图像也会是透明的。所以我们会得到“橡皮擦”的效果。好了。策略已想好，下面开始贴代码...
分类：
其他好文 时间：
2015-02-10 16:51:12
阅读次数：
127
说到刮刮乐这个功能，我们最先想到的是上下两张（长方形）重叠，之后对上面这张图片进行操作。我的想法是：通过手势，让手指划过的地方变成透明的，底部就会显示了。那如何让图片变为透明呢？这就要对图片的像素进行处理了。首先，图片的像素是一个int型数组：int[]，此数组长度为图片高(像素)*宽(像素)比如：...
分类：
其他好文 时间：
2015-02-05 17:46:21
阅读次数：
160
查看DEMOhtml:javascript部分：function imageClip(filter){ var canvas = document.querySelector('canvas'), context = canvas.getContext('2d'), ...
分类：
其他好文 时间：
2015-01-12 17:15:15
阅读次数：
229
function?drawcircle(id,x,y,r){
????????????????var?ca?=?document.getElementById(id);
????????????????var?cans?=?ca.getContext("2d");
????????????...
分类：
移动开发 时间：
2014-12-22 16:25:49
阅读次数：
153
原理：canvas画上背景加文字,再画上遮罩层，通过paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT)); 用户点击滑动后清除遮罩层。核心就是前面那句话。package com.example.customshapede...
分类：
其他好文 时间：
2014-11-21 20:20:57
阅读次数：
205
