2 sohu lsq sohu_lsq 于 2013.08.11 00:15 提问

微信刮刮卡特效是怎么实现的?

我用HTML5的画布功能实现了个大概的样子,主要通过如下函数来清除像素:
canvas.node.ontouchmove = function(e) {
if (!canvas.isDrawing) {
return;
}
var touch = e.targetTouches[0];
var x = touch.clientX - this.offsetLeft;
var y = touch.clientY - this.offsetTop;
var radius=20;
ctx.clearRect(x, y, radius, radius);

};
但是clearRect这个函数在有的ANDROID4.1的自带浏览器重没有效果,如果把它放在响应函数外,即不通过事件响应来调用,比如:
canvas.node.ontouchmove = function(e) {
if (!canvas.isDrawing) {
return;
}
var touch = e.targetTouches[0];
var x = touch.clientX - this.offsetLeft;
var y = touch.clientY - this.offsetTop;
var radius=20;

    };

ctx.clearRect(x, y, radius, radius);
这样却能生效,还有大牛指点下迷津?
另:试了下,在2.3版本的自带浏览器能起效。更详细点的话,清除像素雷函数都不能起作用

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!