ViSUS WebViewer

From
Revision as of 23:17, 8 August 2017 by Admin (talk | contribs) (Created page with "You can visualize interactively your data from a browser putting a simple javascript script in your webpage, as in the following example: <pre> <html> <head> <meta chars...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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="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.

For more code examples go to our GitHub repo: GItHub ViSUS WebViewer