刮刮乐
<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="webkit" name="renderer">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="telephone=no">
<meta content="email=no" name="format-detection">
<meta name="keywords" content="">
<title>刮刮卡</title>
<link type="text/css" rel="stylesheet" href="https://qd.andiff.net/game/gj2/css/gj.css" />
</head>
<body>
<div class="cc">
<canvas class="m-ui-scratch" id="js_lottery"></canvas>
<!-- <button class="m-ui-button" onclick="lottery.reset()">再来一次</button> -->
</div>
</body>
<script type="text/javascript" src="https://qd.andiff.net/game/gj2/js/gj.js"></script>
<script type="text/javascript">
var img = new Image();
img.src = 'https://qd.andiff.net/game/gj2/images/cc.png';
img.onload = function () {
var lottery = new LotteryCard(document.getElementById('js_lottery'), {
// eslint-disable-line
cover: img
});
lottery.on('start', function () {
lottery.setResult('https://qd.andiff.net/game/gj2/images/scratch_no.png')
});
lottery.on('end', function () {
alert('恭喜,中奖!');
});
window.lottery = lottery;
}
</script>
</html>