-
Notifications
You must be signed in to change notification settings - Fork 31
/
index.html
39 lines (39 loc) · 1.57 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
<html>
<head>
<title>Canny Edge Detection</title>
<style>
canvas {
background: #eee;
display: block;
margin: 50px auto;
}
img {
display: none;
}
</style>
</head>
<body>
<div>
<form action="/upload" method="post" accept-charset="utf-8" enctype="multipart/form-data">
<input type="file" name="image-upload" />
<input type="submit" value="Upload Image" />
</form>
<button id="gray">Grayscale</button><br/>
<button id="blur">Gaussian Blur</button> Kernel Size:<input type="text" id="size" size="1"/> Sigma:<input type="text" id="sigma" size="1"/><br/>
<input type="radio" name="operator" value="sobel" checked="true">Sobel
<input type="radio" name="operator" value="roberts">Roberts
<input type="radio" name="operator" value="prewitt">Prewitt
<button id="gradient">Find Gradient</button><br/>
<button id="nms" disabled>Non-Maximum Suppression</button><br/>
<button id="hys" disabled>Hysteresis</button><br/>
<button id="dirmap" disabled>Show Direction</button><button id="gradmap" disabled>Show Intensity</button><br/>
<button id="invert">Invert</button><br/>
<button id="reset">Reset</button>
</div>
<script type="text/javascript" src="js/cabbage.min.js"></script>
<script type="text/javascript" src="js/helpers.js"></script>
<script type="text/javascript" src="js/filters.js"></script>
<script type="text/javascript" src="js/canny.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>