HTML5实现类似刮刮卡的功能

HTML5实现类似刮刮卡的功能

有这样一个功能，当我们使用微信公众号，发送图片时......此处省略300字！

注意要点设置：

1.设置用户缩放：user-scalable=no|yes

2.禁止拖动：

document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件

3.禁止弹出选择菜单：

document.documentElement.style.webkitTouchCallout = "none";

具体实现代码：

预览效果图：

图片素材：