qtqr/index.xhtml at master · maxf/qtqr · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>qtqr</title>
<style type="text/css">
  td {
    width:10px; height:10px;
    border-width: 0px; border-style: none; border-color: #0000ff; border-collapse: collapse; padding: 0; margin: 0;
  }

  .black { fill: black }
  .white { opacity: 0 }
  .hazard { fill: yellow }

</style>
<link rel="stylesheet" type="text/css" href="../../style.css"/>

</head>
<body>
<p>back to <a href="/">lapin-bleu.net</a> :: <a href="..">software</a></p>

<h1>QTQR: a fancy QR code generator</h1>

<p>This tool helps you generate nice-looking QR codes, which (hopefully) can still be scanned. The <a href="http://lapin-bleu.net/riviera/?p=138">full description</a> is available on the Riviera Blog.</p>

<p>Text to encode: <input type="text" id="text" value="http://foaf-project.org"/><br/>
QR Code Size (the bigger, the more text you can encode): <select id="size">
<option>1</option>
<option>2</option>
<option>3</option>
<option selected="selected">4</option>
<option>5</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select><br/>
Cell size (size of each square in pixels):
<select id="cellSize">
  <option>5</option>
  <option>10</option>
  <option selected="selected">15</option>
  <option>20</option>
  <option>25</option>
  <option>30</option>
</select>
</p>

<p><input type="checkbox" id="toggleImage" onclick="toggleImage()"/>Add a picture<br/> Image URL: <input type="text" disabled="disabled" id="imageURL" value="SmileysTransp.gif"/> Zoom: <input type="text" disabled="disabled" id="zoom" value="1"/> <input type="button" disabled="disabled" id="imageSizeChange" onclick="imageSizeChange()" value="change"/><br/><small>To move the image: single click to grab image, move mouse around, then single click again to release</small></p>

<p><input type="button" value="Generate QR" onclick="go()"/></p>


<div id="qr" style="margin: 40px"></div>

<script type="text/javascript" src="qrcode.js"></script>
<script type="text/javascript" src="qtqr.js"></script>
</body>
</html>