Spaces:
Running
Running
File size: 2,593 Bytes
7dd28c3 |
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 |
<html></html>
<head>
<title>Whole Slide Image Visualization</title>
</head>
<body>
<h1>Simple demo for visualization of WSIs in the browser! </h1>
<div style="padding: 0 1.5em; height: 90%;">
<div class="info" style="float: left; width: 10%;">
<div class="position"></div>
<div class="zoom" style="margin-top: 3em;"></div>
</div>
<div id="openseadragon1" style="float: right; width: 90%; height: 100%; background: black;"></div>
</div>
<!-- <div id="openseadragon1" style="width: 100%; height: 100%";></div> -->
<!-- html comment syntax -->
<script src="/Users/andreped/Downloads/openseadragon-bin-5.0.0/openseadragon.min.js"></script>
<!-- <script src="/OpenSeadragonCanvasOverlay/openseadragon-canvas-overlay.js"></script> -->
<script type="text/javascript">
var counter = 3;
var viewer = OpenSeadragon({
id: "openseadragon1",
prefixUrl: "/Users/andreped/Downloads/openseadragon-bin-5.0.0/images/",
tileSources: {
Image: {
xmlns: "http://schemas.microsoft.com/deepzoom/2008",
Url: "/Users/andreped/workspace/PyWSIViewer/A05_files/",
Format: "jpeg",
Overlap: "0",
TileSize: "256",
Size: {
Height: 42625,
Width: 51553
}
},
},
sequenceMode: false,
autoHideControls: true,
animationTime: 1.0,
blendTime: 0.5,
constrainDuringPan: false,
maxZoomPixelRatio: 1.15,
visibilityRatio: 1,
zoomPerScroll: 2,
//zoomPerClick: 1,
defaultZoomLevel: 0,
showReferenceStrip: false,
showNavigator: true,
showFullPageControl: false,
gestureSettingsMouse: {
clickToZoom: false
},
});
</script>
</body>
</html> |