diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2017-08-21 00:05:40 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2017-08-21 00:05:40 +0200 |
| commit | ab925dc86c3bd03d730f2740600bf3d93ac23190 (patch) | |
| tree | 4eb2c03c8487e0846a8e055032534000dde14d51 /index.html | |
init
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..a574fe8 --- /dev/null +++ b/index.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html> +<meta name="viewport" content="width=device-width, initial-scale=1.0"> +<head> + <title>QRDraw</title> + <link rel="stylesheet" href="style.css"> +<!-- +based on this jsfiddle.net/lachlan/r8qWV/ +more info http://vecg.cs.ucl.ac.uk/Projects/SmartGeometry/halftone_QR/halftoneQR_sigga13.html +--> +</head> +<body> + <br /> + <br /> + Content of QR code:<br /> + <textarea id="input" cols="50" rows="5"></textarea><br /> + QR size: + <select id="size"> + <option value="0">Auto</option> + <option value="1">1</option> + <option value="2">2</option> + <option value="3">3</option> + <option value="4">4</option> + <option value="5">5</option> + <option value="6" selected>6</option> + <option value="7">7</option> + <option value="8">8</option> + <option value="9">9</option> + <option value="10">10</option> + </select> + Load image: <input type="file" id="file_upload" /> + <br /> + <br /> + + <div class='box'> + <canvas id="imageColour"></canvas> + <canvas id="imagePixel"></canvas> + <canvas id="imageThreshold"></canvas> + <br><small>Draw here ↑</small> + </div> + <div class='box'> + <canvas id="output"></canvas> + <br><small>Your QR Code</small> + </div> + <br> + <br> + <canvas id="brush"></canvas> <small>brush (push up/down to resize, x to change color)</small> + <br> + <br> + <a id="download" href="about:blank" download="qr.png" target="_blank" title="Download QR Code">Download QR Code</a><br /> + <script src="jquery-2.1.1.js"></script> + <script src='qrcode.js'></script> + <script src='halftoneqr.js'></script> + <script src='draw.js'></script> +</body> +</html> |