-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathabstand.html
38 lines (29 loc) · 1.48 KB
/
abstand.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
<!doctype html>
<meta charset="UTF-8">
<html>
<head>
<script type='text/javascript' charset='UTF-8' src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraph.css' />
<link rel='stylesheet' type='text/css' href='abstandrechner.css' />
<script type='text/javascript' charset='UTF-8' src='https://cdnjs.cloudflare.com/ajax/libs/jsxgraph/0.99.7/jsxgraphcore.js'></script>
</head>
<body>
<div id='jxgbox' class='jxgbox'></div>
<div id="Bildwechsel">
<fieldset>
<legend><b>Einstellungen</b></legend>
<input type="file" id="imgfiles" accept="image/jpeg, image/png" class="remove">
<div><label>Referenzbreite in cm <input id="ref_size_in_cm" type=number min="1" max="1000" value="12" step="1"></label></div>
<div><label> <input type=checkbox id="debug"> Debug-Modus (TODO: Koordinaten anzeigen) </label></div>
</fieldset>
</div>
<script type='text/javascript' charset='UTF-8' src='abstand.js'></script>
<b>Noch in Entwicklung: </b><a href="https://github.com/hollma/abstandrechner">Projekt auf Github (samt Fork für bessere Benutzerschnittstelle)</a><br>
<b>mit Koordinaten der Punkte: </b><a href="?debug=1">Debug-Version</a>
<h3>Kurzanleitung</h3>
<ul>
<li>Mit blauer und weißer Linie eine Referenzbreite markieren (z.B. Fahrbahnbegrenzung 12 cm)</li>
<li>Mit roter Linie das Auto markieren</li>
</ul>
</body>
</html>