Mercurial > hg > orthanc-wsi
annotate ViewerPlugin/viewer.js @ 254:20a730889ae2
upgrade to 2023
| author | Sebastien Jodogne <s.jodogne@gmail.com> |
|---|---|
| date | Fri, 07 Jul 2023 17:38:07 +0200 |
| parents | 49f647ed1b4c |
| children | 7020852a8fa9 |
| rev | line source |
|---|---|
| 0 | 1 /** |
| 2 * Orthanc - A Lightweight, RESTful DICOM Store | |
| 3 * Copyright (C) 2012-2016 Sebastien Jodogne, Medical Physics | |
| 4 * Department, University Hospital of Liege, Belgium | |
| 254 | 5 * Copyright (C) 2017-2023 Osimis S.A., Belgium |
| 6 * Copyright (C) 2021-2023 Sebastien Jodogne, ICTEAM UCLouvain, Belgium | |
| 0 | 7 * |
| 8 * This program is free software: you can redistribute it and/or | |
| 9 * modify it under the terms of the GNU Affero General Public License | |
| 10 * as published by the Free Software Foundation, either version 3 of | |
| 11 * the License, or (at your option) any later version. | |
| 12 * | |
| 13 * This program is distributed in the hope that it will be useful, but | |
| 14 * WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 16 * Affero General Public License for more details. | |
| 17 * | |
| 18 * You should have received a copy of the GNU Affero General Public License | |
| 19 * along with this program. If not, see <http://www.gnu.org/licenses/>. | |
| 20 **/ | |
| 21 | |
| 22 | |
| 23 // For IE compatibility | |
| 24 if (!window.console) window.console = {}; | |
| 25 if (!window.console.log) window.console.log = function () { }; | |
| 26 | |
| 27 | |
| 28 // http://stackoverflow.com/a/21903119/881731 | |
| 29 function GetUrlParameter(sParam) | |
| 30 { | |
| 31 var sPageURL = decodeURIComponent(window.location.search.substring(1)); | |
| 32 var sURLVariables = sPageURL.split('&'); | |
| 33 var sParameterName; | |
| 34 var i; | |
| 35 | |
| 36 for (i = 0; i < sURLVariables.length; i++) | |
| 37 { | |
| 38 sParameterName = sURLVariables[i].split('='); | |
| 39 | |
| 40 if (sParameterName[0] === sParam) | |
| 41 { | |
| 42 return sParameterName[1] === undefined ? '' : sParameterName[1]; | |
| 43 } | |
| 44 } | |
| 45 | |
| 46 return ''; | |
| 47 }; | |
| 48 | |
| 49 | |
| 50 | |
| 51 $(document).ready(function() { | |
| 52 var seriesId = GetUrlParameter('series'); | |
| 53 if (seriesId.length == 0) | |
| 54 { | |
| 55 alert('Error - No series ID specified!'); | |
| 56 } | |
| 57 else | |
| 58 { | |
| 59 $.ajax({ | |
| 60 url : '../pyramids/' + seriesId, | |
| 61 error: function() { | |
| 62 alert('Error - Cannot get the pyramid structure of series: ' + seriesId); | |
| 63 }, | |
| 64 success : function(series) { | |
| 65 var width = series['TotalWidth']; | |
| 66 var height = series['TotalHeight']; | |
| 67 var countLevels = series['Resolutions'].length; | |
| 68 | |
| 69 // Maps always need a projection, but Zoomify layers are not geo-referenced, and | |
| 70 // are only measured in pixels. So, we create a fake projection that the map | |
| 71 // can use to properly display the layer. | |
| 72 var proj = new ol.proj.Projection({ | |
| 73 code: 'pixel', | |
| 74 units: 'pixels', | |
| 75 extent: [0, 0, width, height] | |
| 76 }); | |
| 77 | |
| 78 var extent = [0, -height, width, 0]; | |
| 79 | |
| 80 // Disable the rotation of the map, and inertia while panning | |
| 81 // http://stackoverflow.com/a/25682186 | |
| 82 var interactions = ol.interaction.defaults({ | |
| 83 altShiftDragRotate : false, | |
| 84 pinchRotate : false, | |
| 85 dragPan: false | |
| 86 }).extend([ | |
| 87 new ol.interaction.DragPan({kinetic: false}) | |
| 88 ]); | |
| 89 | |
| 90 var layer = new ol.layer.Tile({ | |
| 91 extent: extent, | |
| 92 source: new ol.source.TileImage({ | |
| 93 projection: proj, | |
| 94 tileUrlFunction: function(tileCoord, pixelRatio, projection) { | |
| 95 return ('../tiles/' + seriesId + '/' + | |
| 96 (countLevels - 1 - tileCoord[0]) + '/' + tileCoord[1] + '/' + (-tileCoord[2] - 1)); | |
| 97 }, | |
| 98 tileGrid: new ol.tilegrid.TileGrid({ | |
| 99 extent: extent, | |
| 100 resolutions: series['Resolutions'].reverse(), | |
|
217
20bc074ec19a
Viewer can display DICOM pyramids whose tile sizes vary across levels
Sebastien Jodogne <s.jodogne@gmail.com>
parents:
214
diff
changeset
|
101 tileSizes: series['TilesSizes'].reverse() |
| 0 | 102 }) |
| 103 }), | |
| 104 wrapX: false, | |
| 105 projection: proj | |
| 106 }); | |
| 107 | |
| 108 | |
| 109 var map = new ol.Map({ | |
| 110 target: 'map', | |
| 111 layers: [ layer ], | |
| 112 view: new ol.View({ | |
| 113 projection: proj, | |
| 114 center: [width / 2, -height / 2], | |
| 115 zoom: 0, | |
| 116 minResolution: 1 // Do not interpelate over pixels | |
| 117 }), | |
| 118 interactions: interactions | |
| 119 }); | |
| 120 | |
| 121 map.getView().fit(extent, map.getSize()); | |
| 122 } | |
| 123 }); | |
| 124 } | |
| 125 }); |