-
Notifications
You must be signed in to change notification settings - Fork 0
/
greyscale.html
37 lines (31 loc) · 920 Bytes
/
greyscale.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
<!DOCTYPE html>
<html>
<heaad>
<title> Greyscale </title>
<script src="https://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js" >
</script>
<script src="greysc.js">
</script>
<link rel="stylesheet" type="text/css" href="greystyle.css">
</head>
<body>
<h1>Greyscale Web Page</h1>
<canvas id = "orgcan">
</canvas>
<canvas id = "greycan">
</canvas>
<p>
Image: <input type="file" multiple="false" accept="image/*" id="orgfile" onchange="loadOrigionalImage()" >
</p>
<!-- <p>
Greyscale image: <input type="file" multiple="false" accept="image/*" id="bgfile" onchange="loadBackgroundImage()" >
</p>
-->
<p>
<input type="button" value="Create Greyscale Image" onclick="makeGrey()" >
<input type="button" value="Clear Canvases" onclick="clearCanvas()" >
</p>
<br><br>
<a href="index.html"><input type="button" value="Home page"></a>
</body>
</html>