forked from bolidozor/js9
-
Notifications
You must be signed in to change notification settings - Fork 0
/
js9imexam.html
executable file
·113 lines (109 loc) · 4.59 KB
/
js9imexam.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
110
111
112
113
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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>
<style type="text/css">
.ImexamContainer .JS9PluginContainer {
border: 1px solid grey;
}
</style>
<title>JS9 imexam</title>
</head>
<body>
<center><font size="+1">
<b>JS9 Imexam: imexam using JS9 plugins</b>
</font></center>
<p>
<table cellspacing="30">
<tr valign="top">
<td>
You can add browser-based imexam analysis to a JS9 Web page!
<p>
See <a href="help/localtasks.html">Adding Local Analysis Tasks
(Plugins) to JS9</a> for details about plugins ...
</td>
<td>
In this example, ImExam div elements are defined in the Web-page.
<p>
Load an image, create a region, and move it around to see the
imexam windows update. You also can select one or more light
imexam windows from the Analysis menu to see other cuts of the
data.
<ul>
<li> <a href='javascript:JS9.Load("png/casa.png");'>CAS-A (Chandra)</a>
<li> <a href='javascript:JS9.Load("png/snr.png", {colormap:"heat"});'>CTB 109 (Einstein)</a>
<li> <a href='javascript:JS9.Load("png/m13.png", {scale:"linear", colormap:"sls"});'>m13 (via SkyView)</a>
<li> <a href='javascript:JS9.Load("png/i1000.png", {scale:"linear", colormap:"grey"});'>i1000 (v=x*1000+y)</a>
</ul>
</td>
</tr>
<tr valign="top">
<td>
<div class="JS9Menubar" id="JS9Menubar"></div>
<div class="JS9" id="JS9"></div>
</td>
<td>
<div class="ImexamContainer">
<table>
<tr><td><div class="ImExamRegionStats" data-js9id="JS9"></div></td>
<td><div class="ImExam3dPlot" data-js9id="JS9"></div></td></tr>
<tr><td><div class="ImExamXProj" data-js9id="JS9"></div></td>
<td><div class="ImExamYProj" data-js9id="JS9"></div></td></tr>
</table>
</div>
</td>
</tr>
<tr valign="top">
<td>
<div class="JS9Menubar" id="myJS9Menubar"></div>
<div class="JS9" id="myJS9"></div>
</td>
<td>
In this example, no ImExam div element has been defined on the
page. Imexam plugins therefore will be offered in the Analysis
menu as light windows.
<p>
Load an image, choose one or more plugins, create a region,
and move it around to see the imexam windows update.
<ul>
<li> <a href='javascript:JS9.Load("png/casa.png", {display: "myJS9"});'>CAS-A (Chandra)</a>
<li> <a href='javascript:JS9.Load("png/snr.png", {colormap:"heat"}, {display:"myJS9"});'>CTB 109 (Einstein)</a>
<li> <a href='javascript:JS9.Load("png/m13.png", {scale:"linear", colormap:"sls"}, {display:"myJS9"});'>m13 (via SkyView)</a>
<li> <a href='javascript:JS9.Load("png/i1000.png", {scale:"linear", colormap:"grey"}, {display:"myJS9"});'>i1000 (v=x*1000+y)</a>
</ul>
Load an image, create a region, select one or more imexam windows
from the Analysis menu. Then move the regions around to see the
imexam windows update.
</td>
</tr>
</table>
<p>
JS9 Demos:
<ul>
<li><a href='js9basics.html'>JS9 Demo: the basics</a>
<li><a href='js9bespoke.html'>JS9 Demo: web page control of JS9</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='js9blend.html'>JS9 Demo: image blending</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>