Mercurial > hg > orthanc-wsi
diff ViewerPlugin/viewer.js @ 0:4a7a53257c7d
initial commit
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Sat, 22 Oct 2016 21:48:33 +0200 |
parents | |
children | ff0ef01c332c |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/ViewerPlugin/viewer.js Sat Oct 22 21:48:33 2016 +0200 @@ -0,0 +1,125 @@ +/** + * Orthanc - A Lightweight, RESTful DICOM Store + * Copyright (C) 2012-2016 Sebastien Jodogne, Medical Physics + * Department, University Hospital of Liege, Belgium + * + * This program is free software: you can redistribute it and/or + * modify it under the terms of the GNU Affero General Public License + * as published by the Free Software Foundation, either version 3 of + * the License, or (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License + * along with this program. If not, see <http://www.gnu.org/licenses/>. + **/ + + +// For IE compatibility +if (!window.console) window.console = {}; +if (!window.console.log) window.console.log = function () { }; + + +// http://stackoverflow.com/a/21903119/881731 +function GetUrlParameter(sParam) +{ + var sPageURL = decodeURIComponent(window.location.search.substring(1)); + var sURLVariables = sPageURL.split('&'); + var sParameterName; + var i; + + for (i = 0; i < sURLVariables.length; i++) + { + sParameterName = sURLVariables[i].split('='); + + if (sParameterName[0] === sParam) + { + return sParameterName[1] === undefined ? '' : sParameterName[1]; + } + } + + return ''; +}; + + + +$(document).ready(function() { + var seriesId = GetUrlParameter('series'); + if (seriesId.length == 0) + { + alert('Error - No series ID specified!'); + } + else + { + $.ajax({ + url : '../pyramids/' + seriesId, + error: function() { + alert('Error - Cannot get the pyramid structure of series: ' + seriesId); + }, + success : function(series) { + var width = series['TotalWidth']; + var height = series['TotalHeight']; + var tileWidth = series['TileWidth']; + var tileHeight = series['TileHeight']; + var countLevels = series['Resolutions'].length; + + // Maps always need a projection, but Zoomify layers are not geo-referenced, and + // are only measured in pixels. So, we create a fake projection that the map + // can use to properly display the layer. + var proj = new ol.proj.Projection({ + code: 'pixel', + units: 'pixels', + extent: [0, 0, width, height] + }); + + var extent = [0, -height, width, 0]; + + // Disable the rotation of the map, and inertia while panning + // http://stackoverflow.com/a/25682186 + var interactions = ol.interaction.defaults({ + altShiftDragRotate : false, + pinchRotate : false, + dragPan: false + }).extend([ + new ol.interaction.DragPan({kinetic: false}) + ]); + + var layer = new ol.layer.Tile({ + extent: extent, + source: new ol.source.TileImage({ + projection: proj, + tileUrlFunction: function(tileCoord, pixelRatio, projection) { + return ('../tiles/' + seriesId + '/' + + (countLevels - 1 - tileCoord[0]) + '/' + tileCoord[1] + '/' + (-tileCoord[2] - 1)); + }, + tileGrid: new ol.tilegrid.TileGrid({ + extent: extent, + resolutions: series['Resolutions'].reverse(), + tileSize: [tileWidth, tileHeight] + }) + }), + wrapX: false, + projection: proj + }); + + + var map = new ol.Map({ + target: 'map', + layers: [ layer ], + view: new ol.View({ + projection: proj, + center: [width / 2, -height / 2], + zoom: 0, + minResolution: 1 // Do not interpelate over pixels + }), + interactions: interactions + }); + + map.getView().fit(extent, map.getSize()); + } + }); + } +});