forked from okalachev/arucogen
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
64 lines (62 loc) · 3.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="main.js"></script>
<link rel="stylesheet" href="main.css"/>
<meta name="description" content="Generate ArUco marker sheets for printing with dictionary selection">
<meta name="keywords" content="ArUco, OpenCV, marker, generate, dictionary, print, computer vision, robotics">
<title>Online ArUco marker sheet generator</title>
</head>
<body>
<h1>ArUco marker sheet generator!</h1>
<form class="setup">
<div class="field">
<label for="frm-dict">Dictionary:</label>
<select name="dict" id="frm-dict">
<optgroup label="Standard dictionaries">
<option value="aruco" data-width="5" data-height="5" data-number="1024" selected>Original ArUco</option>
<option value="4x4_1000" data-width="4" data-height="4">4x4 (50, 100, 250, 1000)</option>
<option value="5x5_1000" data-width="5" data-height="5">5x5 (50, 100, 250, 1000)</option>
<option value="6x6_1000" data-width="6" data-height="6">6x6 (50, 100, 250, 1000)</option>
<option value="7x7_1000" data-width="7" data-height="7">7x7 (50, 100, 250, 1000)</option>
<option value="mip_36h12" data-width="6" data-height="6" data-number="250">MIP_36h12 (250)</option>
</optgroup>
<optgroup label="AprilTag">
<option value="april_16h5" data-width="4" data-height="4" data-number="30">AprilTag 16h5 (30)</option>
<option value="april_25h9" data-width="5" data-height="5" data-number="35">AprilTag 25h9 (35)</option>
<option value="april_36h10" data-width="6" data-height="6" data-number="2320">AprilTag 36h10 (2320)</option>
<option value="april_36h11" data-width="6" data-height="6" data-number="587">AprilTag 36h11 (587)</option>
</optgroup>
</select>
</div>
<div class="field">
<label for="frm-id1">First marker ID:</label>
<input id="frm-id1" name="id1" type="number" min="0" max="999" value="0">
</div>
<div class="field">
<label for="frm-id2">Last marker ID:</label>
<input id="frm-id2" name="id2" type="number" min="0" max="999" value="10">
</div>
<div class="field">
<label for="frm-size">Marker size, mm:</label>
<input id="frm-size" name="size" type="number" min="10" max="20" value="20">
</div>
<div class="field">
<label for="frm-labels">Labels:</label>
<textarea id="frm-labels" name="labels"></textarea>
</div>
</form>
<div id="cards"></div>
<div class="tools">
You can <a href="javascript:window.print()">click here</a> to open the browser's print dialog to print or get the PDF.
</div>
<footer>
<div>
See <a href="https://docs.opencv.org/4.1.0/d5/dae/tutorial_aruco_detection.html">OpenCV documentation</a> to learn about ArUco markers.<br>
This software is based on the excellent Online ArUco Markers Generator (<a href="https://github.com/okalachev/arucogen">arucogen</a>) by <a href="http://chev.me">Oleg Kalachev</a>.<br>
Sheet related functionality added by <a href="https://github.com/fodi/arucosheetgen">Fodi</a>.
</div>
</footer>
</body>
</html>