Retrieve_Image/index.html at master · patrickng99/Retrieve_Image · GitHub

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
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Steganography(2)</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<script src="https://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js"></script>

<h1>Reveal a Hiden Image</h1>
<div>
  <canvas id="canv1" class="canvas"></canvas>
</div>
<p>
  Upload the image with a hiden image:
  <input id="fInput1" class="file" type="file" accept="image/*" multiple="false" onchange="upload()">
</p>
<p>
  <input type="button" id="reveal" class="button" value="Reveal" onclick="reveal()">
  <input type="button" id="rst" class="button" value="Reset" onclick="reset()">
</p>
<h2>Resulting Images</h2>
<div>
  <canvas id="canv2" class="canvas"></canvas>
  <canvas id="canv3" class="canvas">
</div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>