-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
34 lines (34 loc) · 1.34 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
<html>
<head>
<style>
img {
image-rendering: pixelated
}
</style>
</head>
<body>
<h1>QR Code Sharpener</h1>
<p>This tool tries recreate a QR code from blurry QR code images by segmenting the image into n times n
pieces and then guess whether the piece is white or black.
</p>
<p>
First, choose the dimensions
(e.g. 29 for a 29x29 Version 3 QR Code, see
<a href="https://en.wikipedia.org/wiki/QR_code">wikipedia</a> for QR code types).
Then, upload the image. The tool will compute the result and also an annotated
image of your QR code, with red dots where it thinks the center of each QR code block
is (zoom in if you don't see the red pixels). If the red dots are off, use an image manipulation program to crop/transform your QR code.<br/>
</p>
Dimensions: <input id="dimensions" type="number" value="29" />
File: <input id="uploader" type="file" accept="image/*" />
<br/>
<div id="status"></div>
<br/><br/>
Result Image:<br/>
<img id="resultImage" width="50%"/>
<br/><br/>
Annotated Image:<br/>
<img id="annotatedImage" width="50%"/>
<script src="index.ts"></script>
</body>
</html>