| Server IP : 103.6.199.200 / Your IP : 18.188.63.71 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/tradepan/8888draw.com/wwwroot/ |
Upload File : |
<%@ page language="C#" autoeventwireup="true" inherits="spin, App_Web_em78dy-v" %>
<html>
<head>
<title>HTML5 Canvas Winning Wheel</title>
<link rel="stylesheet" href="member/css/main.css" type="text/css" />
<script type="text/javascript" src="member/js/TweenMax.min.js"></script>
<script>
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
</script>
</head>
<body>
<div align="center">
<asp:Label ID="lbl2" runat="server" Text=""></asp:Label>
<h1>Chinese New Year 2019</h1>
<p>Happy Chinese New year.</p>
<br />
<p>
8888.....88888....
</p>
<br />
<br />
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<div class="power_controls">
<br />
<br />
<img id="spin_button" src="member/image/spin_off.png" alt="Spin" onClick="startSpin();" />
<br /><br />
<a href="#" onClick="resetWheel(); return false;">Play Again</a><br /> (reset)
</div>
</td>
<td width="438" height="582" class="the_wheel" align="center" valign="center">
<canvas id="canvas" width="434" height="434">
<p style="{color: white}" align="center">Sorry, your browser doesn't support. Please try other.</p>
</canvas>
</td>
</tr>
</table>
</div>
<script>
var theWheel = new Winwheel({
'numSegments' : 16, // Specify number of segments.
'outerRadius' : 212, // Set radius to so wheel fits the background.
'innerRadius' : 120, // Set inner radius to make wheel hollow.
'textFontSize' : 16, // Set font size accordingly.
'textMargin' : 0, // Take out default margin.
'segments' : // Define segments including colour and text.
[
{'fillStyle' : '#eae56f', 'text' : 'wbw 1'},
{'fillStyle' : '#89f26e', 'text' : 'wbw 2'},
{'fillStyle' : '#7de6ef', 'text' : 'wbw 3'},
{'fillStyle' : '#e7706f', 'text' : 'wbw 4'},
{'fillStyle' : '#eae56f', 'text' : 'wbw 5'},
{'fillStyle' : '#89f26e', 'text' : 'wbw 6'},
{'fillStyle' : '#7de6ef', 'text' : 'wbw 7'},
{'fillStyle' : '#e7706f', 'text' : 'wbw 8'},
{'fillStyle' : '#eae56f', 'text' : 'Prize 9'},
{'fillStyle' : '#89f26e', 'text' : 'Prize 10'},
{'fillStyle' : '#7de6ef', 'text' : 'Prize 11'},
{'fillStyle' : '#e7706f', 'text' : 'Prize 12'},
{'fillStyle' : '#eae56f', 'text' : 'Prize 13'},
{'fillStyle' : '#89f26e', 'text' : 'Prize 14'},
{'fillStyle' : '#7de6ef', 'text' : 'Prize 15'},
{'fillStyle' : '#e7706f', 'text' : 'Prize 16'}
],
'animation' : // Define spin to stop animation.
{
'type' : 'spinToStop',
'duration' : 5,
'spins' : 8,
'callbackFinished' : alertPrize
}
});
var wheelPower = 0;
var wheelSpinning = false;
function resetWheel()
{
theWheel.stopAnimation(false);
theWheel.rotationAngle = 0;
theWheel.draw();
wheelSpinning = false;
}
function alertPrize(indicatedSegment)
{
alert("You have won " + indicatedSegment.text);
}
</script>
<asp:label ID="lbl1" runat="server" text=""></asp:label>
</body>
</html>