风族大帝 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 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
    • ¥88 找成都本地经验丰富懂小程序开发的技术大咖
    • ¥15 如何处理复杂数据表格的除法运算
    • ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
    • ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
    • ¥200 uniapp长期运行卡死问题解决
    • ¥15 latex怎么处理论文引理引用参考文献
    • ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
    • ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?
    • ¥15 乘性高斯噪声在深度学习网络中的应用