lixin-web
Version:
vue and bootstrap
1 lines • 3.54 kB
JavaScript
var turnplate={moneys:[],restaraunts:[],colors:[],outsideRadius:192,textRadius:155,insideRadius:68,startAngle:0,bRotate:false};$(document).ready(function(){var a="Au7tK4qD";$.post("api/activity/get-config",{code:a},function(i){if(i.error==0){var j=JSON.parse(i.data.config.rules);var k=JSON.parse(i.data.result.consumeAmount);var g=JSON.parse(i.data.result.hasDrawCount);var f=JSON.parse(i.data.result.totalDrawCount);$("._moneys").html(k);$("._size").html(g);$("._count").html(f);var h=[];$.each(j[0].rewardMoney,function(){h.push(parseInt(this));turnplate.restaraunts.push(this+"元")});turnplate.moneys=h;turnplate.colors=["#ffe992","#fed478","#ffe992","#fed478","#ffe992","#fed478","#ffe992","#fed478","#ffe992","#fed478","#ffe992","#fed478"];drawRouletteWheel();c()}});var e=function(){$("#wheelcanvas").rotate({angle:0,animateTo:2160,duration:8000,callback:function(){Will.warning("网络超时，请检查您的网络设置！")}})};var b=function(g,f){var h=g*(360/turnplate.restaraunts.length)-(360/(turnplate.restaraunts.length*2));if(h<270){h=270-h}else{h=360-h+270}$("#wheelcanvas").stopRotate();$("#wheelcanvas").rotate({angle:0,animateTo:h+1800,duration:8000,callback:function(){Will.success("恭喜你抽到了 "+f);turnplate.bRotate=!turnplate.bRotate}})};var d=function(h){var f=turnplate.moneys;for(var g=0;g<f.length;g++){if(h===f[g]){return g}}return -1};var c=function(){$.post("api/activity/get-config",{code:a},function(h){if(h.error==0){var i=JSON.parse(h.data.result.consumeAmount);var g=JSON.parse(h.data.result.hasDrawCount);var f=JSON.parse(h.data.result.totalDrawCount);$("._moneys").html(i);$("._size").html(g);$("._count").html(f)}})};$(".pointer").click(function(){if(turnplate.bRotate){return}turnplate.bRotate=!turnplate.bRotate;$.post("api/activity/get-reward",{code:a},function(g){if(g.error==1){Will.warning(g.message);turnplate.bRotate=!turnplate.bRotate}else{var f=d(parseInt(g.data))+1;if(f!=-1){b(f,turnplate.restaraunts[f-1])}else{turnplate.bRotate=!turnplate.bRotate}c()}})})});function rnd(c,a){var b=Math.floor(Math.random()*(a-c+1)+c);return b}function drawRouletteWheel(){var b=document.getElementById("wheelcanvas");if(b.getContext){var a=Math.PI/(turnplate.restaraunts.length/2);var l=b.getContext("2d");l.clearRect(0,0,422,422);l.strokeStyle="#FFBE04";l.font="16px Microsoft YaHei";for(var g=0;g<turnplate.restaraunts.length;g++){var c=turnplate.startAngle+g*a;l.fillStyle=turnplate.colors[g];l.beginPath();l.arc(211,211,turnplate.outsideRadius,c,c+a,false);l.arc(211,211,turnplate.insideRadius,c+a,c,true);l.stroke();l.fill();l.save();l.fillStyle="#E5302F";var k=turnplate.restaraunts[g];var h=17;l.translate(211+Math.cos(c+a/2)*turnplate.textRadius,211+Math.sin(c+a/2)*turnplate.textRadius);l.rotate(c+a/2+Math.PI/2);if(k.indexOf("M")>0){var d=k.split("M");for(var e=0;e<d.length;e++){l.font=e==0?"bold 20px Microsoft YaHei":"16px Microsoft YaHei";if(e==0){l.fillText(d[e]+"M",-l.measureText(d[e]+"M").width/2,e*h)}else{l.fillText(d[e],-l.measureText(d[e]).width/2,e*h)}}}else{if(k.indexOf("M")==-1&&k.length>6){k=k.substring(0,6)+"||"+k.substring(6);var d=k.split("||");for(var e=0;e<d.length;e++){l.fillText(d[e],-l.measureText(d[e]).width/2,e*h)}}else{l.fillText(k,-l.measureText(k).width/2,0)}}if(k.indexOf("闪币")>0){var f=document.getElementById("shan-img");f.onload=function(){l.drawImage(f,-15,10)};l.drawImage(f,-15,10)}else{if(k.indexOf("谢谢参与")>=0){var f=document.getElementById("sorry-img");f.onload=function(){l.drawImage(f,-15,10)};l.drawImage(f,-15,10)}}l.restore()}}};