Difference between revisions of "ViSUS WebViewer"
| Line 1: | Line 1: | ||
You can visualize interactively your data from a browser putting a simple javascript script in your webpage, as in the following example: | You can visualize interactively your data from a browser putting a simple javascript script in your webpage, as in the following example: | ||
| − | < | + | <syntaxhighlight lang="html"> |
<html> | <html> | ||
| Line 27: | Line 27: | ||
</body> | </body> | ||
</html> | </html> | ||
| − | </ | + | </syntaxhighlight> |
This will include a ViSUS WebViewer in your page that will allow to navigate one or more high resolution images (i.e. in this example the dataset called "david_subsampled"). | This will include a ViSUS WebViewer in your page that will allow to navigate one or more high resolution images (i.e. in this example the dataset called "david_subsampled"). | ||
Revision as of 21:07, 29 May 2018
You can visualize interactively your data from a browser putting a simple javascript script in your webpage, as in the following example:
<html>
<head>
<meta charset='utf-8'>
<title>David Powered by Visus</title>
<script src="https://openseadragon.github.io/openseadragon/openseadragon.min.js"></script>
<script src="https://rawgit.com/sci-visus/visus_javascript/master/visus2.js" ></script>
</head>
<body>
<div id="openseadragon1" class="openseadragon" style="width:100%; height:100%;background-color: black;"></div>
<script type="text/javascript">
var bXRoad=false;
OpenSeadragon({
id: "openseadragon1",
prefixUrl: "https://raw.githubusercontent.com/openseadragon/svg-overlay/master/openseadragon/images/",
showNavigator: true,
debugMode: false,
tileSources: getTileSources("http://atlantis.sci.utah.edu", "david_subsampled", 29280, 70416, 32, 512, bXRoad)
});
</script>
</body>
</html>
This will include a ViSUS WebViewer in your page that will allow to navigate one or more high resolution images (i.e. in this example the dataset called "david_subsampled").
You can see a live demo of this script at this link.
To customize the viewer script to visualize your data you need to change the getTileSources parameter according to the following definition:
getTileSources(server_URL, dataset_name, x_dim, y_dim, bitmask_length-1, tile_size, false)
In particular the bitmask_length can be obtained counting the digits in the (bitmask) field of your IDX file.
For more code examples go to our GitHub repo: GItHub ViSUS WebViewer