-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (50 loc) · 4.51 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="styles/style.css" rel="stylesheet" />
<title>Coursera - Miniproject</title>
</head>
<body>
<h1> Different image filter (For beginners) </h1>
<canvas id="canvas" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Upload image ⇒ <input type="file" multiple="false" accept="image/*" id="fileInput" onchange="drawImage()"> Clear values <input type="button" id="Clear" value="Reset" onclick="ClearCanvas('canvas')"></p>
<br>
<canvas id="canvas2" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Gray filter ⇒ <input type="button" id="Gray" value="Make Gray" onclick="makeGray()"> Clear values <input type="button" id="Clear2" value="Reset" onclick="ClearCanvas('canvas2')"></p>
<br>
<canvas id="canvas3" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Red hue filter ⇒ <input type="button" id="Red" value="Red filter" onclick="RedFilter()"> Clear values <input type="button" id="Clear3" value="Reset" onclick="ClearCanvas('canvas3')"></p>
<br>
<canvas id="canvas4" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Brown hue filter ⇒ <input type="button" id="Brown" value="Brown filter" onclick="BrownFilter()"> Clear values <input type="button" id="Clear4" value="Reset" onclick="ClearCanvas('canvas4')"></p>
<br>
<canvas id="canvas5" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>General Filter test ⇒ <input type="button" id="GeneralRule" value="Filter" onclick="GeneralRuleFilter()"> Clear values <input type="button" id="Clear5" value="Reset" onclick="ClearCanvas('canvas5')"></p>
<br>
<canvas id="canvas6" style="border: 1px solid rgb(150, 93, 93);" width="1300" height="480"> </canvas>
<p>Rainbow filter ⇒ <input type="button" id="Rainbow" value="Rainbow Filter" onclick="Rainbowfilter()"> Clear values <input type="button" id="Clear6" value="Reset" onclick="ClearCanvas('canvas6')"></p>
<br>
<canvas id="canvas7" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Vertical Rainbow filter ⇒ <input type="button" id="VerticalRainbow" value="Vertical Rainbow" onclick="VerticalRainbowfilter()"> Clear values <input type="button" id="Clear7" value="Reset" onclick="ClearCanvas('canvas7')"></p>
<br>
<canvas id="canvas8" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Grid Panel filter ⇒ <input type="button" id="GridPanel" value="Grid Panel" onclick="GridPanel()"> Clear values <input type="button" id="Clear8" value="Reset" onclick="ClearCanvas('canvas8')"></p>
<br>
<canvas id="canvas9" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Wave behavior ⇒ <input type="button" id="Ondulatory" value="Wave behavior filter" onclick="Ondulatory()"> Clear values <input type="button" id="Clear9" value="Reset" onclick="ClearCanvas('canvas9')"></p>
<br>
<canvas id="canvas10" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Wave behavior 2 ⇒ <input type="button" id="Ondulatory2" value="Wave behavior filter2" onclick="Ondulatory2()"> Clear values <input type="button" id="Clear10" value="Reset" onclick="ClearCanvas('canvas10')"></p>
<br>
<canvas id="canvas11" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Wave behavior 3 ⇒ <input type="button" id="Ondulatory3" value="Wave behavior filter3" onclick="Ondulatory3()"> Clear values <input type="button" id="Clear11" value="Reset" onclick="ClearCanvas('canvas11')"></p>
<br>
<canvas id="canvas12" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Trogonometry Shark ⇒ <input type="button" id="Trig_Shark" value="Trigonometry Shark" onclick="Trigonometry_Shark()"> Clear values <input type="button" id="Clear12" value="Reset" onclick="ClearCanvas('canvas12')"></p>
<br>
<canvas id="canvas13" style="border: 1px solid black;" width="1300" height="480"> </canvas>
<p>Blur Image ⇒ <input type="button" id="Blur_Image" value="Blurry Image" onclick="BlurImg()"> Clear values <input type="button" id="Clear13" value="Reset" onclick="ClearCanvas('canvas13')"></p>
<script src="scripts/main.js"></script>
</body>
</html>