-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
109 lines (106 loc) · 3.68 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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<html>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<!--
FILE NAME : index.html
DESCRIPTION: optical design
REVISION: 1.00
AUTHOR: Oleg Dzhimiev <oleg@elphel.com>
LICENSE: AGPL, see http://www.gnu.org/licenses/agpl.txt
Copyright (C) 2014 Elphel, Inc.
-->
<head>
<title>Lens Design Tool</title>
<script src="jquery-2.1.0.min.js" type="text/javascript"></script>
<script src="jcanvas.min.js" type="text/javascript"></script>
<script src="lens_design.js" type="text/javascript"></script>
<script src="axii_and_scales.js" type="text/javascript"></script>
<script src="list.js" type="text/javascript"></script>
<script src="jquery_list.js" type="text/javascript"></script>
<script src="files.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="button.css" />
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="stylesheet" type="text/css" href="list.css" />
</head>
<body>
<div id=load_designs_list class=list></div>
<div id="cnv1_div">
<canvas id="cnv1" width="1000" height="500"></canvas>
</div>
<div id="controls_div">
<table id="controls_table">
<tr>
<td><button onclick="save_design()">Save</button></td>
<td><input type="text" id="file_to_save" value="tmp_design.xml"/></td>
</tr>
</table>
</div>
<div id="elements_table_header_div">
<table id="elements_table_header">
<tr id="header">
<td width=16><div style="width:16px;">#</div></td>
<td width=100 >Distance, <span style="font-size:0.8em">mm</span></td>
<td width=100 >Thickness, <span style="font-size:0.8em">mm</span></td>
<td width=100 >Material</td>
<td width=100 >Comment</td>
<td colspan=2 width=137>Aperture<span style="font-size:0.8em"> (Dia)</span>, <span style="font-size:0.8em">mm</span></td>
<td width=100 >R<span style="font-size:0.8em">(curve)</span>, <span style="font-size:0.8em">mm</span></td>
<td width=100 >κ</td>
<td width=100 >α<span style="font-size:0.8em"><sub>1</sub> (r<sup>2</sup>)</span></td>
<td width=100 >α<span style="font-size:0.8em"><sub>2</sub> (r<sup>4</sup>)</span></td>
<td width=100 >α<span style="font-size:0.8em"><sub>3</sub> (r<sup>6</sup>)</span></td>
<td width=100 >α <span style="font-size:0.8em"><sub>4</sub> (r<sup>8</sup>)</span></td>
<td><button class='plus_button' onclick="element_add_button()"><b>+</b></button></td>
</tr>
</table>
</div>
<div id="elements_table">
</div>
<div id="ray_draw_div">
<table id="ray_draw_table">
<tr>
<td>Image height/2, <span style="font-size:0.6em">mm</span></td>
<td><input type="text" id="rays_imhh" value="3.7" /></td>
</tr>
<tr>
<td>N</td>
<td><input type="text" id="rays_n" value="3" /></td>
</tr>
<tr>
<td>color</td>
<td><input type="text" id="rays_color" value="rgb(20,150,20)" /></td>
</tr>
<tr>
<td><button onclick="rays_draw()">Draw rays</button></td>
<td></td>
</tr>
</table>
</div>
<div id="links">
<table>
<tr>
<td><div id="link_local"></div></td>
<td><div id="link_remote"></div></td>
</tr>
<tr>
<td><div id="link"></div></td>
<td><div id="link_dl"></div></td>
</tr>
</table>
</div>
<div id="info">
<table>
<tr>
<td>Rays width, <span style="font-size:0.8em">mm</span></td>
<td><div id="crw"></div></td>
</tr>
<tr>
<td>Field ray angle, <span style="font-size:0.8em">°</span></td>
<td><div id="mra"></div></td>
</tr>
</table>
</div>
<div id='srccode'>
<a href='https://github.com/Elphel/optical-design-viewer'>source code</a>
</div>
</body>
</html>