ruoyi
/
RuoYi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
RuoYi/sino-act-web/src/main/resources/public/draw/scratchcard.html

375 lines
14 KiB
HTML
Raw Normal View History

抽奖活动前端应用
2021-04-12 10:06:59 +08:00
<!DOCTYPE html>
<html>
<head>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta charset="GBK">
<meta name="format-detection" content="telephone=no" />
<title>֧<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>񣬺<EFBFBD><EFBFBD>˰<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/popup.css"/>
<link rel="stylesheet" type="text/css" href="css/myPrize.css"/>
<link rel="stylesheet" type="text/css" href="css/rule.css"/>
<style type="text/css">
.popupBox{
width:100%;
height:100%;
/*overflow: hidden;*/
}
</style>
</head>
<body class="template_bg popupBox" style="background-color: #f9eec8;">
<div class="promotion_goBack rtn_btn" onclick="rtn()">
<span class="btn_back"><img src="images/btn_back.png" alt=""></span>
<span><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span>
</div>
<div class="promotion_container">
<header class="template_header">
<p class="header_left"><span onclick="drawrule()"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></span></p>
<p class="header_right"><span onclick="myprizes()"><EFBFBD>ҵĽ<EFBFBD>Ʒ</span></p>
<!-- <p class="header_right" style="position: absolute;top: 2rem;right: 0;z-index: 10;"><span onclick="rtn()">&nbsp;<3B><>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<3B><>&nbsp;</span></p>-->
</header>
<!-- <20>ƹ<EFBFBD>ͼ1 -->
<div class="promotion_main clearfix promotion_main_1 nowPage">
<!-- <20><><EFBFBD><EFBFBD> -->
<div class="zk_red_box">
<div class="zk_red_box_header">
<h2 class="title">ʣ<EFBFBD><EFBFBD><EFBFBD>齱<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><span class="num">0</span><EFBFBD><EFBFBD></h2>
<!-- <20>ν<EFBFBD><CEBD><EFBFBD> -->
<!-- <div class="scratch_off_popup"> -->
<canvas id="canvas" style="height: 4rem;"></canvas>
<!-- </div> -->
<!-- <20><><EFBFBD><EFBFBD>״̬ -->
<div style="display: none;" class="scratch_off_box success">
<p class="cue" style="display: none;"><EFBFBD><EFBFBD>ϲ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<p class="amount" style="margin-top: 0.18rem;">0.08Ԫ</p>
<p class="remark" style="padding-top: 0.3rem;color: #bbadad;"><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>2Сʱ<EFBFBD>ڷ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>п<EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD>ע<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<p class="again_btn"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD></p>
</div>
<div style="display: none;" class="scratch_off_box fail">
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>㻹<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<p class="again_btn"><EFBFBD>ٳ<EFBFBD>һ<EFBFBD><EFBFBD></p>
</div>
<div style="display: none;" class="scratch_off_box no_chance">
<p><img src="images/16.gif" style="width: 25px;vertical-align: middle;" alt=""><EFBFBD><EFBFBD><EFBFBD>ij齱<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<p><EFBFBD>Ƽ<EFBFBD><EFBFBD>ͻ<EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>齱<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɡ<EFBFBD></p>
</div>
</div>
<div class="zk_red_box_footer">
<p><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>л<EFBFBD><EFBFBD><EFBFBD><EFBFBD>γ<EFBFBD></p>
</div>
</div>
<!-- <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> -->
<div class="myscroll zk_carry_box">
<ul class="">
<!-- zk_carry_box -->
<li><EFBFBD><EFBFBD>ϲ 187****1234 <20><><EFBFBD><EFBFBD><EFBFBD>ֽ<EFBFBD><D6BD><EFBFBD><EFBFBD><EFBFBD></li>
</ul>
</div>
</div>
</div>
<div class="tip_copy" style="display: none;">
<p></p>
</div>
<!--<EFBFBD>ҵĽ<EFBFBD>Ʒ <20><><EFBFBD><EFBFBD>-->
<div class='popup myPrize' style="display: none;">
<div class='popupMin'>
<img src="images/top02.png" class='top'>
<div class='popCont'>
<div class='left'></div>
<div class='cont'>
<div>
<img src="images/left.png">
<div><EFBFBD>ҵĽ<EFBFBD>Ʒ</div>
<img src="images/right.png">
</div>
<div class='postListTop'>
<div>
<div><EFBFBD><EFBFBD><EFBFBD>н<EFBFBD>Ʒ</div>
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><EFBFBD></div>
</div>
</div>
<div class='popList'>
</div>
</div>
<div class='right'></div>
</div>
<img src="images/popupList04.png" class='bottom'>
</div>
<img src="images/delect.png" class='popDelect prizeDelect'>
</div>
<div class="prize_li" style="display: none;">
<div class="pname"><EFBFBD><EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></div>
<div class="time">2020/08/05 09:00</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
<div class='popup rule' style="display: none;">
<div class='popupMin'>
<img src="images/top02.png" class='top'>
<div class='popCont'>
<div class='left'></div>
<div class='cont'>
<div>
<img src="images/left.png">
<div><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></div>
<img src="images/right.png">
</div>
<ul class='contBox' style="list-style: inside">
<li class='content'><EFBFBD>ʱ<EFBFBD>䣺2020<EFBFBD><EFBFBD>10<EFBFBD><EFBFBD>29<EFBFBD><EFBFBD>-12<31><32>31<33>ա<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD>ڼ䣬<EFBFBD>ͻ<EFBFBD><EFBFBD>Ƽ<EFBFBD><EFBFBD>ͻ<EFBFBD>ʹ<EFBFBD><EFBFBD>һ<EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>֧<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʋ<EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><EFBFBD><EFBFBD>ֵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɷѣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɻ<EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD>κ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>齱<EFBFBD><EFBFBD><EFBFBD>ᣬ<EFBFBD>н<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>100%<25><><EFBFBD>齱<EFBFBD><E9BDB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ч<EFBFBD>ڽ<EFBFBD>ֹ<EFBFBD><D6B9>2021<32><31>1<EFBFBD><31>15<31>ա<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD>Ʒ<EFBFBD>ֽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>29400<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>н<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>100%<25><><EFBFBD>н<EFBFBD><D0BD><EFBFBD><EFBFBD><EFBFBD>ϵͳ<CFB5><CDB3><EFBFBD>Զ<EFBFBD><D4B6><EFBFBD><EFBFBD>ŵ<EFBFBD><C5B5><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֻ<EFBFBD><D6BB><EFBFBD><EFBFBD><EFBFBD><EFBFBD>п<EFBFBD><D0BF>У<EFBFBD><D0A3>뼰ʱ<EBBCB0><CAB1><EFBFBD>ա<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD><EFBFBD>ս<EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Իʵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ׼<EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٱ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ؽ<EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ȩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>罱Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ͨ<EFBFBD><EFBFBD><EFBFBD>齱<EFBFBD>ҳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>й<EFBFBD>ʾ<EFBFBD><EFBFBD></li>
<li class='content'><EFBFBD>н<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD>輰ʱ<EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ύ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD>Ϣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>콱<EFBFBD><EFBFBD>Ϣ<EFBFBD><EFBFBD><EFBFBD>󡢲<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>½<EFBFBD>Ʒδ<EFBFBD>ܼ<EFBFBD>ʱ<EFBFBD><EFBFBD><EFBFBD>á<EFBFBD><EFBFBD>޷<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ţ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD>δ<EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ý<EFBFBD>Ʒ<EFBFBD><EFBFBD></li>
<li class='content'><EFBFBD>û<EFBFBD><EFBFBD>μӻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD><EFBFBD>Ⲣͬ<EFBFBD>Ȿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD></li>
<li class='content'><EFBFBD>Ի<EFBFBD><EFBFBD><EFBFBD>κ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʣ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ҳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŀͷ<EFBFBD>ͼ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ѯ<EFBFBD><EFBFBD>Ҳ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϵ<EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>߿ͷ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ע<EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٱ<EFBFBD><EFBFBD>ա<EFBFBD>΢<EFBFBD>Ź<EFBFBD><EFBFBD>ںţ<EFBFBD><EFBFBD>ڶԻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>롰0<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>롰2<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ɣ<EFBFBD><EFBFBD><EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD><EFBFBD>Ʋ<EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϱ<EFBFBD><EFBFBD>ϡ<EFBFBD><EFBFBD>ֽ𱦡<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʒ<EFBFBD><EFBFBD></li>
<li class='content'><EFBFBD>ڲ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ĺ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>У<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Υ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϊ<EFBFBD><EFBFBD>Υ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ж<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>û<EFBFBD><EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ȩ׷<EFBFBD>ؽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȡ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>뱾<EFBFBD>λ<EFBFBD><EFBFBD><EFBFBD>ʸ<EFBFBD><EFBFBD><EFBFBD>׷<EFBFBD><EFBFBD><EFBFBD>䷨<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ρ<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ս<EFBFBD><EFBFBD><EFBFBD>Ȩ<EFBFBD><EFBFBD><EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޹<EFBFBD>˾<EFBFBD><EFBFBD><EFBFBD>У<EFBFBD><EFBFBD>й<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ٵ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޹<EFBFBD>˾<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>޸<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ȩ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ڷ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>̶<EFBFBD><EFBFBD><EFBFBD>ʹ<EFBFBD>á<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ƻ<EFBFBD><EFBFBD><EFBFBD><EFBFBD>˾<EFBFBD>޹ء<EFBFBD></li>
<li class='content'><EFBFBD><EFBFBD>Ʒ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ޣ<EFBFBD><EFBFBD>ȵ<EFBFBD><EFBFBD>ȵá<EFBFBD></li>
</ul>
</div>
<div class='right'></div>
</div>
<img src="images/popupList04.png" class='bottom'>
</div>
<img src="images/delect.png" class='popDelect ruleDelect'>
<span style='clear: both;'></span>
</div>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/main.js"></script>
<script src="js/scroll.js"></script>
<script src="../../common/taglibs.js"></script>
<script src="js/util.js"></script>
<script src="js/draw.js"></script>
<script src="js/common.js"></script>
<script src="../../js/mobile/login_register/login.js"></script>
<script>
(function () {
var num = 0;
$.ajax({
type: "POST",
url: contextRootPath+"/draw/num.action",
data: {drawCode: drawCode},
dataType: "json",
success: function(data){
num = data.num||0;
$('.num').text(num);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log('<27><><EFBFBD><EFBFBD><EFBFBD>쳣', textStatus, errorThrown);
}
});
// <20><><EFBFBD><EFBFBD><EFBFBD>ƹ<EFBFBD><C6B9><EFBFBD><EFBFBD>ݸ߶<DDB8>
function innerHeight() {
if(!$('.promotion_main_1').is(':hidden')) {
var arr = [];
$('.promotion_main_1 .promotion_content').each(function () {
var height = $(this).outerHeight();
arr.push(height);
})
var minHeight = Math.max.apply(null, arr);
$('.promotion_main_1 .promotion_content').css('minHeight', minHeight);
}
}
innerHeight();
$(window).resize(function () {
$('.promotion_main_1 .promotion_content').css('minHeight', '');
innerHeight();
})
$('.myscroll').myScroll({
speed: 80, //<2F><>ֵԽ<D6B5><D4BD><EFBFBD><EFBFBD><EFBFBD>ٶ<EFBFBD>Խ<EFBFBD><D4BD>
rowHeight: 24//li<6C>ĸ߶<C4B8>
});
// <20><><EFBFBD>ó<EFBFBD>ʼ<EFBFBD><CABC><EFBFBD>н<EFBFBD>״̬ success-<2D>н<EFBFBD> fail-δ<>н<EFBFBD> no_chance-û<>г齱<D0B3><E9BDB1><EFBFBD><EFBFBD>
var status = '';
// <20>ν<EFBFBD>Ч<EFBFBD><D0A7> -zk
window.onload = function(){
// let list = $('.scratch_off_box');
// setTimeout(()=>{
// for(var n=0;n<list.length;n++){
// if(list.eq(n).hasClass(`${status}`)){
// list.eq(n).siblings('.scratch_off_box').hide();
// return;
// }
// }
// })
var canvas = document.getElementById('canvas');
var cx = canvas.offsetWidth;
var cy = canvas.offsetHeight;
var style = window.getComputedStyle(canvas, null);
var cssWidth = parseFloat(style["width"]);
var cssHeight = parseFloat(style["height"]);
var scaleX = canvas.width / cssWidth; // ˮƽ<CBAE><C6BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
var scaleY = canvas.height / cssHeight; // <20><>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
var ctx = canvas.getContext('2d');
ctx.strokeStyle = 'red';
ctx.lineWidth = '1';
function drawimage(){
var img = new Image();
img.src = 'images/img_scratch_popup.png';
img.style.width = '100%';
img.style.height = '100%';
img.onload = function(){
ctx.drawImage(img,0,0,cx*scaleX,cy*scaleY+10)
}
}
drawimage();
// ctx.fillStyle = '#c0c0c0';
var rect = canvas.getBoundingClientRect();
var time = 0;
var running = false;
// <20><><EFBFBD><EFBFBD>-2020-8-20-<2D><>ʼ<EFBFBD><CABC> <20>н<EFBFBD>״̬
canvas.addEventListener('touchstart',function(){
// success-<2D>н<EFBFBD> fail-δ<>н<EFBFBD> no_chance-û<>г齱<D0B3><E9BDB1><EFBFBD><EFBFBD>
if (running) {
console.log('running...');
return;
}
running=!running;
console.log('start');
start();
})
canvas.addEventListener('touchmove', function(e) {
e.preventDefault();
var touch = e.touches[0];
var x = touch.pageX;
var y = touch.pageY;
x -= rect.left;
y -= rect.top;
x *= scaleX; // <20><><EFBFBD><EFBFBD>ˮƽ<CBAE><C6BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
y *= scaleY; // <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
// ctx.clearRect(x,y,15,15)
clearArcFun(x,y,15,ctx);
isArea();
})
function isArea(){
//<2F>жϹο<CFB9><CEBF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƿ񵽴<C7B7><F1B5BDB4>ٷ<EFBFBD>֮<EFBFBD><D6AE>ʮ
console.log('ִ<><D6B4>isAreaЧ<61><D0A7>')
var data = ctx.getImageData(0,0,canvas.width,canvas.height).data;//<2F><>ȡ<EFBFBD><C8A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ
var n = 0 ;
for (var i = 0; i < data.length; i++) {
if (data[i] == 0) {
n++;
};
};
if (n >= data.length * 0.6) {
ctx.globalCompositeOperation = 'destination-over';//<2F>ص<EFBFBD>
// ctx.canvas.style.opacity = 0;
ctx.clearRect(0,0,canvas.width,canvas.height);
$('#canvas').css('pointer-events','none')
}
}
function clearArcFun(x,y,r,cxt){ //(x,y)ΪҪ<CEAA><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Բ<EFBFBD><D4B2>Բ<EFBFBD>ģ<EFBFBD>rΪ<72>뾶<EFBFBD><EBBEB6>cxtΪcontext
var stepClear=1;//<2F><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һ<EFBFBD><D2BB>
clearArc(x,y,r);
function clearArc(x,y,radius){
var calcWidth=radius-stepClear;
var calcHeight=Math.sqrt(radius*radius-calcWidth*calcWidth);
var posX=x-calcWidth;
var posY=y-calcHeight;
var widthX=2*calcWidth;
var heightY=2*calcHeight;
if(stepClear<=radius){
cxt.clearRect(posX,posY,widthX,heightY);
stepClear+=1;
clearArc(x,y,radius);
}
}
}
// <20>ٳ<EFBFBD>һ<EFBFBD><D2BB>
$('.again_btn').click(function(){
if(num<1) {
$('.no_chance').show().siblings('.scratch_off_box').hide();
console.log('<27>齱<EFBFBD><E9BDB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>')
return;
}
drawimage();
$('#canvas').css('pointer-events','auto');
start();
})
function start() {
$.ajax({
type: "POST",
// async:false,
url: contextRootPath+"/draw/start.action",
data: {drawCode: drawCode},
dataType: "json",
success: function(data){
let respCode = data.respCode;
if (respCode != 1) {
let message = data.respMsg;
console.log(message);
if (respCode == '-2') {
to_login();
return;
}
if(respCode == 'GT00007') {
$('.no_chance').show().siblings('.scratch_off_box').hide();
console.log('<27>齱<EFBFBD><E9BDB1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>');
return;
}
running = false;
tip(message);
return;
}
console.log(data.result);
if (data.result == '1') {
// $('.cue').text(data.cue);
$('.amount').text(data.cue);
$('.scratch_off_box').eq(0).show().siblings('.scratch_off_box').hide();
} else {
$('.scratch_off_box').eq(1).show().siblings('.scratch_off_box').hide();
}
prizeType = data.prizeType;
prizeCode = data.prizeCode;
num = data.available || 0;
$('.num').text(num);
setPrizeInfo(prizeType, prizeCode, data.cue, data.gatewayFlow);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log('<27><><EFBFBD><EFBFBD><EFBFBD>쳣', textStatus, errorThrown);
running = false;
}
});
}
}
})();
prizes();
</script>
</body>
</html>