风族大帝 2013-08-10 16:15
浏览 2634

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

我用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版本的自带浏览器能起效。更详细点的话,清除像素雷函数都不能起作用

  • 写回答

0条回答

    报告相同问题?

    悬赏问题

    • ¥15 #MATLAB仿真#车辆换道路径规划
    • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
    • ¥15 数据可视化Python
    • ¥15 要给毕业设计添加扫码登录的功能!!有偿
    • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
    • ¥15 微信公众号自制会员卡没有收款渠道啊
    • ¥15 stable diffusion
    • ¥100 Jenkins自动化部署—悬赏100元
    • ¥15 关于#python#的问题:求帮写python代码
    • ¥20 MATLAB画图图形出现上下震荡的线条