forked from ericmandel/js9
-
Notifications
You must be signed in to change notification settings - Fork 0
/
js9panzoom.html
96 lines (94 loc) · 3.41 KB
/
js9panzoom.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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" >
<link type="image/x-icon" rel="shortcut icon" href="./favicon.ico">
<link type="text/css" rel="stylesheet" href="js9support.css">
<link type="text/css" rel="stylesheet" href="js9.css">
<script type="text/javascript" src="js9support.min.js"></script>
<script type="text/javascript" src="js9.min.js"></script>
<script type="text/javascript" src="js9plugins.js"></script>
</head>
<body>
<font size="+1"><center>
<b>JS9 Demo: pan and zoom</b>
</center></font>
<table cellspacing="10px">
<tr valign="top">
<td>
Choose the View menu panner/magnifier for these images:
<ul>
<li> <a href='javascript:JS9.Load("png/casa.png");'>CAS-A (Chandra)</a>
<li> <a href='javascript:JS9.Load("fits/m13.fits", {scale:"linear", colormap:"sls"});'>m13 (via SkyView)</a>
<li> <a href='javascript:JS9.Load("fits/ngc1316.fits", {scale:"linear"});'>ngc1316 (AIPS)</a>
<li> <a href='javascript:JS9.Load("png/i1000.png", {scale:"linear", colormap:"grey"});'>i1000 (v=x*1000+y)</a>
</ul>
</td>
<td>
Use the Web page panner/magnifier for these images:
<ul>
<li> <a href='javascript:JS9.Load("png/casa.png", {display: "myJS9"});'>CAS-A (Chandra)</a>
<li> <a href='javascript:JS9.Load("fits/3c58.fits", {display: "myJS9"});'>3c58 (Chandra)</a>
<li> <a href='javascript:JS9.Load("png/f1000.png", {display: "myJS9"});'>float 1000x1000 (v=x.y/1000)</a>
</ul>
(Note that the panner has a separate toolbar while the magnifier
overlays the toolbar on the display. This is an option for Web
developers and can be ignored here ... unless you would like to
tell us which you prefer!)
</td>
</tr>
<tr>
<td>
</td>
<td>
<table>
<tr valign="top">
<td>
<div class="JS9Panner" id="myJS9Panner" data-toolbarseparate="true"></div>
</td>
<td>
<div class="JS9Magnifier" id="myJS9Magnifier"></div>
</table>
</td>
</tr>
<tr valign="top">
<td>
<div class="JS9Menubar"></div>
<div class="JS9"></div>
</td>
<td>
<div class="JS9Menubar" id="myJS9Menubar"></div>
<div class="JS9" id="myJS9"></div>
</td>
</tr>
<tr>
<td>
<div class="JS9Console"></div>
</td>
<td>
</td>
</tr>
</table>
<p>
JS9 Demos:
<ul>
<li><a href='js9basics.html'>JS9 Demo: the basics</a>
<li><a href='js9sizes.html'>JS9 Demo: setting the size of the JS9 display</a>
<li><a href='js9plugins.html'>JS9 Demo: adding plugins to JS9</a>
<li><a href='js9imexam.html'>JS9 Demo: the imexam plugin for JS9</a>
<li><a href='js9cat.html'>JS9 Demo: overlaying catalogs</a>
<li><a href='js9panzoom.html'>JS9 Demo: pan and zoom</a>
<li><a href='js9rgb.html'>JS9 Demo: RGB composite images</a>
<li><a href='js9multi.html'>JS9 Demo: independent instances of JS9</a>
<li><a href='js9analysis.html'>JS9 Demo: remote data analysis</a>
<li><a href='js9onchange.html'>JS9 Demo: running tasks when a region changes</a>
<li><a href='js9create.html'>JS9 Demo: creating a JS9 instance dynamically</a>
<li><a href='js9preload.html'>JS9 Demo: preloading images into JS9</a>
<li><a href='js9bitpix.html'>JS9 Demo: displaying different FITS datatypes</a>
<li><a href='js9pngvsfits.html'>JS9 Demo: PNG representation files vs FITS files</a>
</ul>
</body>
</html>