-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
68 lines (65 loc) · 1.99 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<head>
<script src="node_modules/opencv.js/opencv.js"></script>
<script src="node_modules/fabric/dist/fabric.js"></script>
<script src="scripts/grabcut.js"></script>
<script src="scripts/utils.js"></script>
<script src="scripts/hotkeys.js"></script>
<link rel="stylesheet" href="styles.css">
<title>Prototype</title>
</head>
<body>
<h1>Prototype</h1>
<div>
<input type="file" id="file_input" accept="image/*" multiple>
<script src="scripts/file_upload.js"></script>
File
<input id="file_chooser" type="number" min=0 onchange="displayImage(this.value)">
</div>
<ul class="instructions">
<li><b>a</b>: rectangle</li>
<li><b>s</b>: polygon</li>
<li><b>d</b>: green line</li>
<li><b>D</b>: red line</li>
<li><b>f</b>: pan</li>
<li><b>F</b>: home view</li>
</ul>
<ul class="instructions">
<li><b>R</b>: previous image</li>
<li><b>r</b>: next image</li>
<li><b>E</b>: decrease brush width</li>
<li><b>e</b>: increase brush width</li>
<li><b>c</b>: grabcut operation</li>
<li><b>C</b>: satisfied</li>
</ul>
<ul class="instructions">
<li><b>z</b>: dashed</li>
<li><b>Z</b>: solid</li>
<li><b>x</b>: shoulder</li>
<li><b>w</b>: white</li>
<li><b>W</b>: yellow</li>
</ul>
<script src="scripts/input_mode.js"></script>
<script src="scripts/satisfied.js"></script>
<br>
<div class="canvases">
<div>
<h2>Input</h2>
<canvas id="input"></canvas>
</div>
<div>
<h2>Extracted</h2>
<canvas id="extracted"></canvas>
</div>
<div>
<h2>Segmentation</h2>
<canvas id="segmentation"></canvas>
</div>
<div>
<h2>Instance</h2>
<canvas id="instance"></canvas>
</div>
</div>
<script src="scripts/globals.js"></script>
</body>
</html>