前几个月刚接触Android的时候做了一个小项目,其中也用到了类似刮刮乐的效果,现在把代码贴出来
首先要做一个类似橡皮擦的东西吧,然后才能把纸上的笔迹擦除
/**
* FileName: SplashActivity.java
*
* @desc 橡皮擦功能,类似刮刮乐效果
* @author HTP
* @Date 20140311
* @version 1.00
*...
分类:
移动开发 时间:
2014-09-11 17:19:52
阅读次数:
298
示例说明:抓取MediaStream的一帧数据,并对该帧数据使用Css滤镜效果。步骤:1. 由getUserMedia方法获取一个可用的MediaStream2. canvas方法drawImage抓取MediaStream的一帧数据3. 根据用户点击操作,对canvas元素使用滤镜效果的css样式...
分类:
Web程序 时间:
2014-09-11 16:40:52
阅读次数:
252
网上很多关于将text居中到某个矩形或者bitmap中的例子,但是我觉得很多是错的,特别是一些人希望通过观察然后设置某个偏移量让它尽可能居中,我觉得这是...
分类:
其他好文 时间:
2014-09-11 12:33:11
阅读次数:
238
今天要为大家带来一款html5 canvas实现的图片玻璃碎片特效。图片以玻璃碎片的形式出现到界面中,然后似玻璃被打碎的效果渐消息。效果图如下:在线预览源码下载实现代码:html代码: js代码: ...
分类:
Web程序 时间:
2014-09-11 09:33:11
阅读次数:
274
下面是一个使用getUserMedia接口和Canvas的drawImage方法实现的截图功能(截取视频中的一帧)。基本思路是这样子的:getUserMedia获取一个MediaStream, streamstream作为video的输入源提供一个button按钮。当用户点击时,使用canvas的d...
分类:
Web程序 时间:
2014-09-10 15:41:20
阅读次数:
238
主要讲了HTML5 canvas性能方面的尝试,场景是在canvas上面绘制圆圈。
我一直在尝试使用HTML5 canvas在圣诞树图片上面绘制泡泡。由于不知道哪种绘制的方法最好,最终在Stack Overflow上找到了使用radial gradients(辐射渐变)绘制圆圈的答案。
圆圈
你可能已经知道,标准地画圆圈的方法是使用arc():分享一个最好用的UI...
分类:
Web程序 时间:
2014-09-10 14:14:00
阅读次数:
1320
从一个大神那看到的,拷贝过来跟大家分享下!html*{margin:0;padding:0;}body{background:#222;} canvas{ position:absolute; border:5px solid rgba(255,255,255,0.1); box-shadow...
分类:
Web程序 时间:
2014-09-09 15:08:38
阅读次数:
256
CanTK是一套基于HTML5 Canvas的GUI系统,它提供了完整的控件库,事件分发系统,窗口管理系统和不同的平台的适配。CanTK是为解决HTML5 App开发的两个基本难题而生的...
分类:
移动开发 时间:
2014-09-08 08:33:16
阅读次数:
434
用PHP将网页上的Canvas图像保存到服务器上的方法2014年6月27日 歪脖骇客 发表回复 8在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。 这需要我们评审软件里提供这样一个功能:打开浏览器,登录,进入评审意...
分类:
Web程序 时间:
2014-09-07 23:44:55
阅读次数:
240
HTML5最受欢迎的功能就是元素。这个元素负责在页面中设定一个区域,然后就可以通过JavaScript动态地在这个区域中绘制图形。关于元素的一些基本用法可以参考w3school。 花了一下午时间熟悉了下常用的API,也参考了下网上的一些demo,实现了一个简单的时钟显示,代码记录如下: 1 ...
分类:
其他好文 时间:
2014-09-05 23:40:52
阅读次数:
271