jquery.eraser实现手机端刮奖擦除效果代码

调用方式
<script src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.eraser.js" ></script>
<script>
	$(window).load(function  () { //这个适用手机端，等图片加载完再显示，因为有可能会出现第一次加载图片没有加载完就不会出现canvas
		$('#redux').eraser( {
			size: 20,   //设置橡皮擦大小
			completeRatio: .6, //设置擦除面积比例
			completeFunction: showResetButton   //大于擦除面积比例触发函数
		});
		function showResetButton(){
			$(".main_box .show,.main_box .mask").fadeIn(300)
		}
		$(".main_box .mask,.main_box .show .close,.main_box .show .btn").click(function  () {
			$(".main_box .show,.main_box .mask").fadeOut(300)
		})
	})
</script>