65 lines
2.7 KiB
HTML
Executable File
65 lines
2.7 KiB
HTML
Executable File
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<!-- meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no" -->
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="map-touch-events.js"></script>
|
|
<script type="text/javascript" src="canvas-to-blob.min.js"></script>
|
|
<script type="text/javascript" src="JsCode.js"></script>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
<style>
|
|
img{
|
|
max-width:100%
|
|
}
|
|
</style>
|
|
</head>
|
|
<body onload="InitThis();">
|
|
<div class="container">
|
|
<div class="jumbotron">
|
|
<center> <h1>Know Thy Numbers....</h1></center>
|
|
<p></p>
|
|
<center>
|
|
<table>
|
|
<tr>
|
|
<td><img src="img/me_gopher.png"><br /><br /> <center><button id="clear-area" onclick="javascript:clearArea();return false;">Clear Area</button>
|
|
<br /> <button id="upload-area" onclick="javascript:uploadArea2()">Predict</button></center></td>
|
|
<td>
|
|
<table>
|
|
<tr><th><center>Draw Here</center></th><th><center>Did you drew this...?</center></th></tr>
|
|
<tr>
|
|
<td>
|
|
<div id="input">
|
|
<canvas id="myCanvas" width="150" height="350" style="border:2px solid black"></canvas>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div id="prediction">
|
|
<canvas id="myCanvas2" width="150" height="350" style="border:2px solid black"></canvas>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td></tr></table>
|
|
<br /><br />
|
|
<!-- button onclick="javascript:clearArea();return false;">Clear Area</button -->
|
|
<!-- button id="clear-area">Clear Area</button -->
|
|
<!-- button id="upload-area" onclick="javascript:doUpload();return false;">Predict</button -->
|
|
<!-- td -->
|
|
<br /><br />
|
|
Color : <select id="selColor" class="form-control">
|
|
<option value="black">black</option>
|
|
<option value="blue" selected="selected">blue</option>
|
|
<option value="red">red</option>
|
|
<option value="green">green</option>
|
|
<option value="yellow">yellow</option>
|
|
<option value="gray">gray</option>
|
|
</select>
|
|
</center>
|
|
</div></div>
|
|
</body>
|
|
</html>
|