-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
47 lines (46 loc) · 1.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Digit Recognition Test</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/5.7.0/math.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.js" type="text/javascript"></script>
<link rel="stylesheet" href="default.css">
<link rel="shortcut icon" href="https://img.icons8.com/ios/50/000000/mind-map-filled.png">
<script src="default.js" type="text/javascript"></script>
<script src="model.js" type="text/javascript"></script>
</head>
<body>
<!-- Title -->
<h1>Digit Recognition Test -- Directed Reading Program Demonstration</h1>
<div id="info">
Yantao Wu, majoring in Mathematics and Physics
<br>
Website help from Sida Zhu, major in Computer Science
<br>
Guidance from Erin Elizabeth Tripp, PhD. in Syracuse University
</div>
<hr>
<!-- Writing Board -->
<div id="board">
<div id="board_title">
Please draw your digit here:<br><br>
</div>
<canvas id="board_board" height="420px" width="420px"></canvas>
<script type="text/javascript">
loadRectangles(); // load rects after canvas is done
</script>
<div id="buttons">
<input id="button_input" type="button" value="Input" onclick="genValues()"/>
<input id="button_clear" type="button" value="Clear" onclick="clearCVS()"/>
</div>
</div>
<div id="output">
<!-- output area -->
<canvas id="myChart" height="420px" width="700px"></canvas>
</div>
<div id="clear"></div>
<hr id="end">
</body>
</html>