diff --git a/.gitignore b/.gitignore index 4b26396b..588aee54 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,4 @@ *.sublime-workspace node_modules build/ +sftp-config.json diff --git a/.travis.yml b/.travis.yml index b30fcb75..578f402c 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,5 +1,5 @@ language: node_js node_js: - - 0.8 + - 0.10 before_script: - npm install -g grunt-cli diff --git a/Gruntfile.js b/Gruntfile.js index a90a0974..96162044 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -34,7 +34,6 @@ module.exports = function(grunt) { "src/tilesource.js", "src/dzitilesource.js", "src/iiiftilesource.js", - "src/iiif1_1tilesource.js", "src/osmtilesource.js", "src/tmstilesource.js", "src/legacytilesource.js", @@ -52,6 +51,11 @@ module.exports = function(grunt) { "src/viewport.js" ]; + // ---------- + grunt.event.once('git-describe', function (rev) { + grunt.config.set('gitInfo', rev); + }); + // ---------- // Project configuration. grunt.initConfig({ @@ -101,12 +105,8 @@ module.exports = function(grunt) { uglify: { options: { preserveComments: "some", - sourceMap: function (filename) { - return filename.replace(/\.js$/, '.js.map'); - }, - sourceMappingURL: function (filename) { - return filename.replace(/\.js$/, '.js.map').replace('build/openseadragon/', ''); - }, + sourceMap: true, + sourceMapName: 'build/openseadragon/openseadragon.min.js.map' }, openseadragon: { src: [ distribution ], @@ -161,11 +161,7 @@ module.exports = function(grunt) { afterconcat: [ distribution ] }, "git-describe": { - build: { - options: { - prop: "gitInfo" - } - } + build: {} } }); diff --git a/changelog.txt b/changelog.txt index bebc3829..8c4c773c 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,7 +1,15 @@ OPENSEADRAGON CHANGELOG ======================= -1.1.2: (in progress) +1.2.0: (in progress) + +* New combined IIIF TileSource for 1.0 through 2.0 (#441) + * BREAKING CHANGE: Removed IIIF1_1TileSource (now that IIIFTileSource supports all versions) +* Allowed TileSources to have dynamic tileSize via source.getTileSize(level) (#441) + * DEPRECATION: Use .getTileSize(level) instead of .tileSize +* Fix for IIPServer-style urls when using DZI (#413) +* Fix memory leak while destroying the viewer (#421) +* Added fitBoundsWithConstraints() to the viewport (#423) 1.1.1: diff --git a/package.json b/package.json index aa123561..486d8743 100644 --- a/package.json +++ b/package.json @@ -3,17 +3,18 @@ "version": "1.1.1", "description": "Provides a smooth, zoomable user interface for HTML/Javascript.", "devDependencies": { - "grunt": "~0.4.1", - "grunt-contrib-compress": "~0.5.2", - "grunt-contrib-concat": "~0.3.0", - "grunt-contrib-jshint": "~0.7.2", - "grunt-contrib-uglify": "~0.2.7", - "grunt-contrib-qunit": "~0.3.0", - "grunt-contrib-connect": "~0.5.0", - "grunt-contrib-watch": "~0.5.3", - "grunt-contrib-clean": "~0.5.0", - "grunt-git-describe": "~2.0.0", - "grunt-text-replace": "~0.3.9" + "grunt": "^0.4.5", + "grunt-contrib-clean": "^0.5.0", + "grunt-text-replace": "^0.3.11", + "grunt-contrib-concat": "^0.4.0", + "grunt-git-describe": "^2.3.2", + "grunt-contrib-uglify": "^0.4.0", + "grunt-contrib-watch": "^0.6.1", + "grunt-contrib-qunit": "^0.5.1", + "grunt-contrib-jshint": "^0.10.0", + "grunt-contrib-compress": "^0.9.1", + "grunt-contrib-connect": "^0.7.1", + "qunitjs": "^1.14.0" }, "scripts": { "test": "grunt test" diff --git a/src/drawer.js b/src/drawer.js index 54b07281..1f01c627 100644 --- a/src/drawer.js +++ b/src/drawer.js @@ -302,6 +302,22 @@ $.Drawer.prototype = /** @lends OpenSeadragon.Drawer.prototype */{ */ canRotate: function() { return this.useCanvas; + }, + + /** + * Destroy the drawer (unload current loaded tiles) + * @method + * @return null + */ + destroy: function() { + //unload current loaded tiles (=empty TILE_CACHE) + for ( var i = 0; i < this.tilesLoaded.length; ++i ) { + this.tilesLoaded[i].unload(); + } + + //force unloading of current canvas (1x1 will be gc later, trick not necessarily needed) + this.canvas.width = 1; + this.canvas.height = 1; } }; @@ -695,6 +711,7 @@ function loadTile( drawer, tile, time ) { tile.loading = true; drawer.imageLoader.addJob({ src: tile.url, + crossOriginPolicy: drawer.crossOriginPolicy, callback: function( image ){ onTileLoad( drawer, tile, time, image ); } @@ -733,11 +750,10 @@ function onTileLoad( drawer, tile, time, image ) { tile.loaded = true; tile.image = image; - insertionIndex = drawer.tilesLoaded.length; if ( drawer.tilesLoaded.length >= drawer.maxImageCacheCount ) { - cutoff = Math.ceil( Math.log( drawer.source.tileSize ) / Math.log( 2 ) ); + cutoff = Math.ceil( Math.log( drawer.source.getTileSize(tile.level) ) / Math.log( 2 ) ); worstTile = null; worstTileIndex = -1; diff --git a/src/dzitilesource.js b/src/dzitilesource.js index daed278e..5ef2585e 100644 --- a/src/dzitilesource.js +++ b/src/dzitilesource.js @@ -138,7 +138,12 @@ $.extend( $.DziTileSource.prototype, $.TileSource.prototype, /** @lends OpenSead if (url && !options.tilesUrl) { options.tilesUrl = url.replace(/([^\/]+)\.(dzi|xml|js)(\?.*|$)/, '$1_files/'); - options.queryParams = url.match(/\?.*/); + + if (url.search(/\.(dzi|xml|js)\?/) != -1) { + options.queryParams = url.match(/\?.*/); + }else{ + options.queryParams = ''; + } } return options; diff --git a/src/iiif1_1tilesource.js b/src/iiif1_1tilesource.js deleted file mode 100644 index 6997ba20..00000000 --- a/src/iiif1_1tilesource.js +++ /dev/null @@ -1,192 +0,0 @@ -/* - * OpenSeadragon - IIIF1_1TileSource - * - * Copyright (C) 2009 CodePlex Foundation - * Copyright (C) 2010-2013 OpenSeadragon contributors - * - * Redistribution and use in source and binary forms, with or without - * modification, are permitted provided that the following conditions are - * met: - * - * - Redistributions of source code must retain the above copyright notice, - * this list of conditions and the following disclaimer. - * - * - Redistributions in binary form must reproduce the above copyright - * notice, this list of conditions and the following disclaimer in the - * documentation and/or other materials provided with the distribution. - * - * - Neither the name of CodePlex Foundation nor the names of its - * contributors may be used to endorse or promote products derived from - * this software without specific prior written permission. - * - * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS - * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT - * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR - * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT - * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, - * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED - * TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR - * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF - * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING - * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS - * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. - */ - -(function( $ ){ - -/** - * @class IIIF1_1TileSource - * @classdesc A client implementation of the International Image Interoperability - * Format: Image API 1.1 - * - * @memberof OpenSeadragon - * @extends OpenSeadragon.TileSource - * @see http://library.stanford.edu/iiif/image-api/ - */ -$.IIIF1_1TileSource = function( options ){ - - - $.extend( true, this, options ); - - - if ( !( this.height && this.width && this['@id'] ) ){ - throw new Error( 'IIIF required parameters not provided.' ); - } - - if ( ( this.profile && - this.profile == "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0" ) ){ - // what if not reporting a profile? - throw new Error( 'IIIF Image API 1.1 compliance level 1 or greater is required.' ); - } - - if ( this.tile_width ) { - options.tileSize = this.tile_width; - } else if ( this.tile_height ) { - options.tileSize = this.tile_height; - } else { - // use the largest of tileOptions that is smaller than the short - // dimension - - var shortDim = Math.min( this.height, this.width ), - tileOptions = [256,512,1024], - smallerTiles = []; - - for ( var c = 0; c < tileOptions.length; c++ ) { - if ( tileOptions[c] <= shortDim ) { - smallerTiles.push( tileOptions[c] ); - } - } - - if ( smallerTiles.length > 0 ) { - options.tileSize = Math.max.apply( null, smallerTiles ); - } else { - // If we're smaller than 256, just use the short side. - options.tileSize = shortDim; - } - this.tile_width = options.tileSize; // So that 'full' gets used for - this.tile_height = options.tileSize; // the region below - } - - if ( !options.maxLevel ) { - var mf = -1; - var scfs = this.scale_factors || this.scale_factor; - if ( scfs instanceof Array ) { - for ( var i = 0; i < scfs.length; i++ ) { - var cf = Number( scfs[i] ); - if ( !isNaN( cf ) && cf > mf ) { mf = cf; } - } - } - if ( mf < 0 ) { options.maxLevel = Number( Math.ceil( Math.log( Math.max( this.width, this.height ), 2 ) ) ); } - else { options.maxLevel = mf; } - } - - $.TileSource.apply( this, [ options ] ); -}; - -$.extend( $.IIIF1_1TileSource.prototype, $.TileSource.prototype, /** @lends OpenSeadragon.IIIF1_1TileSource.prototype */{ - /** - * Determine if the data and/or url imply the image service is supported by - * this tile source. - * @function - * @param {Object|Array} data - * @param {String} optional - url - */ - supports: function( data, url ) { - return ( data['@context'] && - data['@context'] == "http://library.stanford.edu/iiif/image-api/1.1/context.json" ); - }, - - /** - * - * @function - * @param {Object} data - the raw configuration - * @example IIIF 1.1 Info Looks like this (XML syntax is no more) - * { - * "@context" : "http://library.stanford.edu/iiif/image-api/1.1/context.json", - * "@id" : "http://iiif.example.com/prefix/1E34750D-38DB-4825-A38A-B60A345E591C", - * "width" : 6000, - * "height" : 4000, - * "scale_factors" : [ 1, 2, 4 ], - * "tile_width" : 1024, - * "tile_height" : 1024, - * "formats" : [ "jpg", "png" ], - * "qualities" : [ "native", "grey" ], - * "profile" : "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0" - * } - */ - configure: function( data ){ - return data; - }, - /** - * Responsible for retreiving the url which will return an image for the - * region specified by the given x, y, and level components. - * @function - * @param {Number} level - z index - * @param {Number} x - * @param {Number} y - * @throws {Error} - */ - getTileUrl: function( level, x, y ){ - - //# constants - - var IIIF_ROTATION = '0', - IIIF_QUALITY = 'native.jpg', - - //## get the scale (level as a decimal) - scale = Math.pow( 0.5, this.maxLevel - level ), - - //# image dimensions at this level - levelWidth = Math.ceil( this.width * scale ), - levelHeight = Math.ceil( this.height * scale ), - - //## iiif region - iiifTileSizeWidth = Math.ceil( this.tileSize / scale ), - iiifTileSizeHeight = Math.ceil( this.tileSize / scale ), - iiifRegion, - iiifTileX, - iiifTileY, - iiifTileW, - iiifTileH, - iiifSize, - uri; - - if ( levelWidth < this.tile_width && levelHeight < this.tile_height ){ - iiifSize = levelWidth + ","; - iiifRegion = 'full'; - } else { - iiifTileX = x * iiifTileSizeWidth; - iiifTileY = y * iiifTileSizeHeight; - iiifTileW = Math.min( iiifTileSizeWidth, this.width - iiifTileX ); - iiifTileH = Math.min( iiifTileSizeHeight, this.height - iiifTileY ); - - iiifSize = Math.ceil( iiifTileW * scale ) + ","; - - iiifRegion = [ iiifTileX, iiifTileY, iiifTileW, iiifTileH ].join( ',' ); - } - uri = [ this['@id'], iiifRegion, iiifSize, IIIF_ROTATION, IIIF_QUALITY ].join( '/' ); - return uri; - } - }); - -}( OpenSeadragon )); diff --git a/src/iiiftilesource.js b/src/iiiftilesource.js index 2c8814ef..a18a9a2b 100644 --- a/src/iiiftilesource.js +++ b/src/iiiftilesource.js @@ -32,50 +32,77 @@ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ -/* - * The getTileUrl implementation is based on Jon Stroop's Python version, - * which is released under the New BSD license: - * https://gist.github.com/jpstroop/4624253 - */ - - (function( $ ){ /** * @class IIIFTileSource * @classdesc A client implementation of the International Image Interoperability - * Format: Image API Draft 0.2 + * Format: Image API 1.0 - 2.0 * * @memberof OpenSeadragon * @extends OpenSeadragon.TileSource - * @see http://library.stanford.edu/iiif/image-api/ + * @see http://iiif.io/api/image/ */ $.IIIFTileSource = function( options ){ + $.extend( true, this, options ); - if( !(this.height && this.width && this.identifier && this.tilesUrl ) ){ - throw new Error('IIIF required parameters not provided.'); + if ( !( this.height && this.width && this['@id'] ) ) { + throw new Error( 'IIIF required parameters not provided.' ); } - //TODO: at this point the base tile source implementation assumes - // a tile is a square and so only has one property tileSize - // to store it. It may be possible to make tileSize a vector - // OpenSeadraon.Point but would require careful implementation - // to preserve backward compatibility. - options.tileSize = this.tile_width; + options.tileSizePerScaleFactor = {}; - if (! options.maxLevel ) { - var mf = -1; - var scfs = this.scale_factors || this.scale_factor; - if ( scfs instanceof Array ) { - for ( var i = 0; i < scfs.length; i++ ) { - var cf = Number( scfs[i] ); - if ( !isNaN( cf ) && cf > mf ) { mf = cf; } + if ( this.tile_width ) { + options.tileSize = this.tile_width; + } else if ( this.tile_height ) { + options.tileSize = this.tile_height; + } else if ( this.tiles ) { + // Version 2.0 forwards + if ( this.tiles.length == 1 ) { + options.tileSize = this.tiles[0].width; + this.scale_factors = this.tiles[0].scale_factors; + } else { + // Multiple tile sizes at different levels + this.scale_factors = []; + for (var t = 0; t < this.tiles.length; t++ ) { + for (var sf = 0; sf < this.tiles[t].scale_factors.length; sf++) { + var scaleFactor = this.tiles[t].scale_factors[sf]; + this.scale_factors.push(scaleFactor); + options.tileSizePerScaleFactor[scaleFactor] = this.tiles[t].width; + } } } - if ( mf < 0 ) { options.maxLevel = Number(Math.ceil(Math.log(Math.max(this.width, this.height), 2))); } - else { options.maxLevel = mf; } + } else { + // use the largest of tileOptions that is smaller than the short dimension + + var shortDim = Math.min( this.height, this.width ), + tileOptions = [256,512,1024], + smallerTiles = []; + + for ( var c = 0; c < tileOptions.length; c++ ) { + if ( tileOptions[c] <= shortDim ) { + smallerTiles.push( tileOptions[c] ); + } + } + + if ( smallerTiles.length > 0 ) { + options.tileSize = Math.max.apply( null, smallerTiles ); + } else { + // If we're smaller than 256, just use the short side. + options.tileSize = shortDim; + } + this.tile_width = options.tileSize; // So that 'full' gets used for + this.tile_height = options.tileSize; // the region below + } + + if ( !options.maxLevel ) { + if ( !this.scale_factors ) { + options.maxLevel = Number( Math.ceil( Math.log( Math.max( this.width, this.height ), 2 ) ) ); + } else { + options.maxLevel = Math.floor( Math.pow( Math.max.apply(null, this.scale_factors), 0.5) ); + } } $.TileSource.apply( this, [ options ] ); @@ -85,72 +112,92 @@ $.extend( $.IIIFTileSource.prototype, $.TileSource.prototype, /** @lends OpenSea /** * Determine if the data and/or url imply the image service is supported by * this tile source. - * @method + * @function * @param {Object|Array} data * @param {String} optional - url */ - supports: function( data, url ){ - return ( - data.ns && - "http://library.stanford.edu/iiif/image-api/ns/" == data.ns - ) || ( - data.profile && ( - "http://library.stanford.edu/iiif/image-api/compliance.html#level1" == data.profile || - "http://library.stanford.edu/iiif/image-api/compliance.html#level2" == data.profile || - "http://library.stanford.edu/iiif/image-api/compliance.html#level3" == data.profile || - "http://library.stanford.edu/iiif/image-api/compliance.html" == data.profile - ) - ) || ( - data.documentElement && + supports: function( data, url ) { + // Version 2.0 and forwards + if (data.protocol && data.protocol == 'http://iiif.io/api/image') { + return true; + // Version 1.1 + } else if ( data['@context'] && ( + data['@context'] == "http://library.stanford.edu/iiif/image-api/1.1/context.json" || + data['@context'] == "http://iiif.io/api/image/1/context.json") ) { + // N.B. the iiif.io context is wrong, but where the representation lives so likely to be used + return true; + + // Version 1.0 + } else if ( data.profile && + data.profile.indexOf("http://library.stanford.edu/iiif/image-api/compliance.html") === 0) { + return true; + } else if ( data.identifier && data.width && data.height ) { + return true; + } else if ( data.documentElement && "info" == data.documentElement.tagName && "http://library.stanford.edu/iiif/image-api/ns/" == - data.documentElement.namespaceURI - ); + data.documentElement.namespaceURI) { + return true; + + // Not IIIF + } else { + return false; + } }, - /** + /** * - * @method - * @param {Object|XMLDocument} data - the raw configuration - * @param {String} url - the url the data was retreived from if any. - * @return {Object} options - A dictionary of keyword arguments sufficient - * to configure this tile source via its constructor. + * @function + * @param {Object} data - the raw configuration + * @example IIIF 1.1 Info Looks like this + * { + * "@context" : "http://library.stanford.edu/iiif/image-api/1.1/context.json", + * "@id" : "http://iiif.example.com/prefix/1E34750D-38DB-4825-A38A-B60A345E591C", + * "width" : 6000, + * "height" : 4000, + * "scale_factors" : [ 1, 2, 4 ], + * "tile_width" : 1024, + * "tile_height" : 1024, + * "formats" : [ "jpg", "png" ], + * "qualities" : [ "native", "grey" ], + * "profile" : "http://library.stanford.edu/iiif/image-api/1.1/compliance.html#level0" + * } */ configure: function( data, url ){ - var service, - options, - host; - - if( !$.isPlainObject(data) ){ - - options = configureFromXml( this, data ); - - }else{ - - options = configureFromObject( this, data ); + // Try to deduce our version and fake it upwards if needed + if ( !$.isPlainObject(data) ) { + var options = configureFromXml10( data ); + options['@context'] = "http://iiif.io/api/image/1.0/context.json"; + options['@id'] = url.replace('/info.xml', ''); + return options; + } else if ( !data['@context'] ) { + data['@context'] = 'http://iiif.io/api/image/1.0/context.json'; + data['@id'] = url.replace('/info.json', ''); + return data; + } else { + return data; } + }, - if( url && !options.tilesUrl ){ - service = url.split('/'); - service.pop(); //info.json or info.xml - service = service.join('/'); - if( 'http' !== url.substring( 0, 4 ) ){ - host = location.protocol + '//' + location.host; - service = host + service; - } - options.tilesUrl = service.replace( - data.identifier, - '' - ); + /** + * Return the tileSize for the given level. + * @function + * @param {Number} level + */ + + getTileSize: function( level ){ + var scaleFactor = Math.pow(2, this.maxLevel - level); + // cache it in case any external code is going to read it directly + if (this.tileSizePerScaleFactor && this.tileSizePerScaleFactor[scaleFactor]) { + this.tileSize = this.tileSizePerScaleFactor[scaleFactor]; } - - return options; + return this.tileSize; }, /** * Responsible for retreiving the url which will return an image for the - * region speified by the given x, y, and level components. - * @method + * region specified by the given x, y, and level components. + * @function * @param {Number} level - z index * @param {Number} x * @param {Number} y @@ -160,170 +207,101 @@ $.extend( $.IIIFTileSource.prototype, $.TileSource.prototype, /** @lends OpenSea //# constants var IIIF_ROTATION = '0', - IIIF_QUALITY = 'native.jpg', - //## get the scale (level as a decimal) scale = Math.pow( 0.5, this.maxLevel - level ), - //## get iiif size - // iiif_size = 'pct:' + ( scale * 100 ), - //# image dimensions at this level - level_width = Math.ceil( this.width * scale ), - level_height = Math.ceil( this.height * scale ), + levelWidth = Math.ceil( this.width * scale ), + levelHeight = Math.ceil( this.height * scale ), //## iiif region - iiif_tile_size_width = Math.ceil( this.tileSize / scale ), - iiif_tile_size_height = Math.ceil( this.tileSize / scale ), - iiif_region, - iiif_tile_x, - iiif_tile_y, - iiif_tile_w, - iiif_tile_h, - iiif_size; + iiifTileSizeWidth, + iiifTileSizeHeight, + iiifRegion, + iiifTileX, + iiifTileY, + iiifTileW, + iiifTileH, + iiifSize, + iiifQuality, + uri; + iiifTileSizeWidth = Math.ceil( this.getTileSize(level) / scale ); + iiifTileSizeHeight = iiifTileSizeWidth; - if ( level_width < this.tile_width && level_height < this.tile_height ){ - iiif_size = level_width + ","; // + level_height; only one dim. for IIIF level 1 compliance - iiif_region = 'full'; + if ( this['@context'].indexOf('/1.0/context.json') > -1 || + this['@context'].indexOf('/1.1/context.json') > -1 || + this['@context'].indexOf('/1/context.json') > -1 ) { + iiifQuality = "native.jpg"; } else { - iiif_tile_x = x * iiif_tile_size_width; - iiif_tile_y = y * iiif_tile_size_height; - iiif_tile_w = Math.min( iiif_tile_size_width, this.width - iiif_tile_x ); - iiif_tile_h = Math.min( iiif_tile_size_height, this.height - iiif_tile_y ); - iiif_size = Math.ceil(iiif_tile_w * scale) + ","; - iiif_region = [ iiif_tile_x, iiif_tile_y, iiif_tile_w, iiif_tile_h ].join(','); + iiifQuality = "default.jpg"; } - return [ - this.tilesUrl, - this.identifier, - iiif_region, - iiif_size, - IIIF_ROTATION, - IIIF_QUALITY - ].join('/'); - } - - -}); - -/** - * @private - * @inner - * @function - * @example - * - * - * 1E34750D-38DB-4825-A38A-B60A345E591C - * 6000 - * 4000 - * - * 1 - * 2 - * 4 - * - * 1024 - * 1024 - * - * jpg - * png - * - * - * native - * grey - * - * - */ -function configureFromXml( tileSource, xmlDoc ){ - - //parse the xml - if ( !xmlDoc || !xmlDoc.documentElement ) { - throw new Error( $.getString( "Errors.Xml" ) ); - } - - var root = xmlDoc.documentElement, - rootName = root.tagName, - configuration = null; - - if ( rootName == "info" ) { - - try { - - configuration = { - "ns": root.namespaceURI - }; - - parseXML( root, configuration ); - - return configureFromObject( tileSource, configuration ); - - } catch ( e ) { - throw (e instanceof Error) ? - e : - new Error( $.getString("Errors.IIIF") ); + if ( levelWidth < this.tile_width && levelHeight < this.tile_height ){ + iiifSize = levelWidth + ","; + iiifRegion = 'full'; + } else { + iiifTileX = x * iiifTileSizeWidth; + iiifTileY = y * iiifTileSizeHeight; + iiifTileW = Math.min( iiifTileSizeWidth, this.width - iiifTileX ); + iiifTileH = Math.min( iiifTileSizeHeight, this.height - iiifTileY ); + iiifSize = Math.ceil( iiifTileW * scale ) + ","; + iiifRegion = [ iiifTileX, iiifTileY, iiifTileW, iiifTileH ].join( ',' ); } + uri = [ this['@id'], iiifRegion, iiifSize, IIIF_ROTATION, iiifQuality ].join( '/' ); + + return uri; } - throw new Error( $.getString( "Errors.IIIF" ) ); + }); -} - - -/** - * @private - * @inner - * @function - */ -function parseXML( node, configuration, property ){ - var i, - value; - if( node.nodeType == 3 && property ){//text node - value = node.nodeValue.trim(); - if( value.match(/^\d*$/)){ - value = Number( value ); + function configureFromXml10(xmlDoc) { + //parse the xml + if ( !xmlDoc || !xmlDoc.documentElement ) { + throw new Error( $.getString( "Errors.Xml" ) ); } - if( !configuration[ property ] ){ - configuration[ property ] = value; - }else{ - if( !$.isArray( configuration[ property ] ) ){ - configuration[ property ] = [ configuration[ property ] ]; + + var root = xmlDoc.documentElement, + rootName = root.tagName, + configuration = null; + + if ( rootName == "info" ) { + try { + configuration = {}; + parseXML10( root, configuration ); + return configuration; + + } catch ( e ) { + throw (e instanceof Error) ? + e : + new Error( $.getString("Errors.IIIF") ); } - configuration[ property ].push( value ); } - } else if( node.nodeType == 1 ){ - for( i = 0; i < node.childNodes.length; i++ ){ - parseXML( node.childNodes[ i ], configuration, node.nodeName ); + throw new Error( $.getString( "Errors.IIIF" ) ); + } + + function parseXML10( node, configuration, property ) { + var i, + value; + if ( node.nodeType == 3 && property ) {//text node + value = node.nodeValue.trim(); + if( value.match(/^\d*$/)){ + value = Number( value ); + } + if( !configuration[ property ] ){ + configuration[ property ] = value; + }else{ + if( !$.isArray( configuration[ property ] ) ){ + configuration[ property ] = [ configuration[ property ] ]; + } + configuration[ property ].push( value ); + } + } else if( node.nodeType == 1 ){ + for( i = 0; i < node.childNodes.length; i++ ){ + parseXML10( node.childNodes[ i ], configuration, node.nodeName ); + } } } -} -/** - * @private - * @inner - * @function - * @example - * { - * "profile" : "http://library.stanford.edu/iiif/image-api/compliance.html#level1", - * "identifier" : "1E34750D-38DB-4825-A38A-B60A345E591C", - * "width" : 6000, - * "height" : 4000, - * "scale_factors" : [ 1, 2, 4 ], - * "tile_width" : 1024, - * "tile_height" : 1024, - * "formats" : [ "jpg", "png" ], - * "quality" : [ "native", "grey" ] - * } - */ -function configureFromObject( tileSource, configuration ){ - //the image_host property is not part of the iiif standard but is included here to - //allow the info.json and info.xml specify a different server to load the - //images from so we can test the implementation. - if( configuration.image_host ){ - configuration.tilesUrl = configuration.image_host; - } - return configuration; -} - }( OpenSeadragon )); diff --git a/src/imageLoader.js b/src/imageLoader.js index 2e810d38..0f79546c 100644 --- a/src/imageLoader.js +++ b/src/imageLoader.js @@ -41,13 +41,14 @@ * * @memberof OpenSeadragon * @param {String} source - URL of image to download. + * @param {String} crossOriginPolicy - CORS policy to use for downloads * @param {Function} callback - Called once image has finished downloading. */ function ImageJob ( options ) { $.extend( true, this, { timeout: $.DEFAULT_SETTINGS.timeout, - jobId: null, + jobId: null }, options ); /** @@ -69,7 +70,7 @@ ImageJob.prototype = { this.image = new Image(); - if ( _this.crossOriginPolicy !== false ) { + if ( this.crossOriginPolicy !== false ) { this.image.crossOrigin = this.crossOriginPolicy; } @@ -122,6 +123,7 @@ $.ImageLoader.prototype = { * Add an unloaded image to the loader queue. * @method * @param {String} src - URL of image to download. + * @param {String} crossOriginPolicy - CORS policy to use for downloads * @param {Function} callback - Called once image has been downloaded. */ addJob: function( options ) { @@ -131,6 +133,7 @@ $.ImageLoader.prototype = { }, jobOptions = { src: options.src, + crossOriginPolicy: options.crossOriginPolicy, callback: complete }, newJob = new ImageJob( jobOptions ); diff --git a/src/mousetracker.js b/src/mousetracker.js index 6d63b57f..fedd0295 100644 --- a/src/mousetracker.js +++ b/src/mousetracker.js @@ -258,6 +258,9 @@ destroy: function () { stopTracking( this ); this.element = null; + + THIS[ this.hash ] = null; + delete THIS[ this.hash ]; }, /** @@ -1788,7 +1791,7 @@ for ( i = 0; i < touchCount; i++ ) { gPoints.push( { id: event.changedTouches[ i ].identifier, - type: 'touch', + type: 'touch' } ); } @@ -2099,7 +2102,7 @@ gPoint = { id: event.pointerId, - type: getPointerType( event ), + type: getPointerType( event ) }; updatePointersCancel( tracker, event, [ gPoint ] ); diff --git a/src/navigator.js b/src/navigator.js index d27e58cf..20082900 100644 --- a/src/navigator.js +++ b/src/navigator.js @@ -304,12 +304,9 @@ $.extend( $.Navigator.prototype, $.EventSource.prototype, $.Viewer.prototype, /* open: function( source ) { this.updateSize(); var containerSize = this.viewer.viewport.containerSize.times( this.sizeRatio ); - if( source.tileSize > containerSize.x || - source.tileSize > containerSize.y ){ - this.minPixelRatio = Math.min( - containerSize.x, - containerSize.y - ) / source.tileSize; + var ts = source.getTileSize(source.maxLevel); + if ( ts > containerSize.x || ts > containerSize.y ) { + this.minPixelRatio = Math.min( containerSize.x, containerSize.y ) / ts; } else { this.minPixelRatio = this.viewer.minPixelRatio; } diff --git a/src/openseadragon.js b/src/openseadragon.js index 9b98ff76..e628ff88 100644 --- a/src/openseadragon.js +++ b/src/openseadragon.js @@ -656,14 +656,12 @@ window.OpenSeadragon = window.OpenSeadragon || function( options ){ * @property {Number} revision - The revision number. * @since 1.0.0 */ - /* jshint ignore:start */ $.version = { versionStr: '<%= osdVersion.versionStr %>', - major: <%= osdVersion.major %>, - minor: <%= osdVersion.minor %>, - revision: <%= osdVersion.revision %> + major: parseInt('<%= osdVersion.major %>', 10), + minor: parseInt('<%= osdVersion.minor %>', 10), + revision: parseInt('<%= osdVersion.revision %>', 10) }; - /* jshint ignore:end */ /** diff --git a/src/tilesource.js b/src/tilesource.js index 90a80f7c..9fc1f7d8 100644 --- a/src/tilesource.js +++ b/src/tilesource.js @@ -127,6 +127,8 @@ $.TileSource = function( width, height, tileSize, tileOverlap, minLevel, maxLeve */ /** * The size of the image tiles used to compose the image. + * Please note that tileSize may be deprecated in a future release. + * Instead the getTileSize(level) function should be used. * @member {Number} tileSize * @memberof OpenSeadragon.TileSource# */ @@ -194,6 +196,18 @@ $.TileSource = function( width, height, tileSize, tileOverlap, minLevel, maxLeve $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{ + /** + * Return the tileSize for a given level. + * Subclasses should override this if tileSizes can be different at different levels + * such as in IIIFTileSource. Code should use this function rather than reading + * from .tileSize directly. tileSize may be deprecated in a future release. + * @function + * @param {Number} level + */ + getTileSize: function( level ) { + return this.tileSize; + }, + /** * @function * @param {Number} level @@ -220,8 +234,8 @@ $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{ */ getNumTiles: function( level ) { var scale = this.getLevelScale( level ), - x = Math.ceil( scale * this.dimensions.x / this.tileSize ), - y = Math.ceil( scale * this.dimensions.y / this.tileSize ); + x = Math.ceil( scale * this.dimensions.x / this.getTileSize(level) ), + y = Math.ceil( scale * this.dimensions.y / this.getTileSize(level) ); return new $.Point( x, y ); }, @@ -245,10 +259,11 @@ $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{ */ getClosestLevel: function( rect ) { var i, - tilesPerSide = Math.floor( Math.max( rect.x, rect.y ) / this.tileSize ), + tilesPerSide, tiles; for( i = this.minLevel; i < this.maxLevel; i++ ){ tiles = this.getNumTiles( i ); + tilesPerSide = Math.floor( Math.max( rect.x, rect.y ) / this.getTileSize(i) ); if( Math.max( tiles.x, tiles.y ) + 1 >= tilesPerSide ){ break; } @@ -263,8 +278,8 @@ $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{ */ getTileAtPoint: function( level, point ) { var pixel = point.times( this.dimensions.x ).times( this.getLevelScale(level ) ), - tx = Math.floor( pixel.x / this.tileSize ), - ty = Math.floor( pixel.y / this.tileSize ); + tx = Math.floor( pixel.x / this.getTileSize(level) ), + ty = Math.floor( pixel.y / this.getTileSize(level) ); return new $.Point( tx, ty ); }, @@ -277,10 +292,11 @@ $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{ */ getTileBounds: function( level, x, y ) { var dimensionsScaled = this.dimensions.times( this.getLevelScale( level ) ), - px = ( x === 0 ) ? 0 : this.tileSize * x - this.tileOverlap, - py = ( y === 0 ) ? 0 : this.tileSize * y - this.tileOverlap, - sx = this.tileSize + ( x === 0 ? 1 : 2 ) * this.tileOverlap, - sy = this.tileSize + ( y === 0 ? 1 : 2 ) * this.tileOverlap, + tileSize = this.getTileSize(level), + px = ( x === 0 ) ? 0 : tileSize * x - this.tileOverlap, + py = ( y === 0 ) ? 0 : tileSize * y - this.tileOverlap, + sx = tileSize + ( x === 0 ? 1 : 2 ) * this.tileOverlap, + sy = tileSize + ( y === 0 ? 1 : 2 ) * this.tileOverlap, scale = 1.0 / dimensionsScaled.x; sx = Math.min( sx, dimensionsScaled.x - px ); diff --git a/src/viewer.js b/src/viewer.js index 27a24cb2..3575db9e 100644 --- a/src/viewer.js +++ b/src/viewer.js @@ -529,6 +529,12 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype, * @fires OpenSeadragon.Viewer.event:close */ close: function ( ) { + + if ( !THIS[ this.hash ] ) { + //this viewer has already been destroyed: returning immediately + return this; + } + if ( this._updateRequestId !== null ) { $.cancelAnimationFrame( this._updateRequestId ); this._updateRequestId = null; @@ -542,6 +548,10 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype, this.drawersContainer.innerHTML = ""; this.overlaysContainer.innerHTML = ""; + if ( this.drawer ) { + this.drawer.destroy(); + } + this.source = null; this.drawer = null; this.drawers = []; @@ -568,13 +578,26 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype, /** - * Function to destroy the viewer and clean up everything created by - * OpenSeadragon. + * Function to destroy the viewer and clean up everything created by OpenSeadragon. + * + * Example: + * var viewer = OpenSeadragon({ + * [...] + * }); + * + * //when you are done with the viewer: + * viewer.destroy(); + * viewer = null; //important + * * @function */ destroy: function( ) { this.close(); + //TODO: implement this... + //this.unbindSequenceControls() + //this.unbindStandardControls() + this.removeAllHandlers(); // Go through top element (passed to us) and remove all children @@ -597,6 +620,9 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype, this.outerTracker.destroy(); } + THIS[ this.hash ] = null; + delete THIS[ this.hash ]; + // clear all our references to dom objects this.canvas = null; this.keyboardCommandArea = null; diff --git a/src/viewport.js b/src/viewport.js index aadb81e9..7bceb9d8 100644 --- a/src/viewport.js +++ b/src/viewport.js @@ -319,41 +319,37 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ return this.zoomSpring.target.value; } }, - + /** * @function - * @return {OpenSeadragon.Viewport} Chainable. - * @fires OpenSeadragon.Viewer.event:constrain - */ - applyConstraints: function( immediately ) { - var actualZoom = this.getZoom(), - constrainedZoom = Math.max( - Math.min( actualZoom, this.getMaxZoom() ), - this.getMinZoom() - ), - bounds, - horizontalThreshold, + * @private + * @param {OpenSeadragon.Rect} bounds + * @param {Boolean} immediately + * @return {OpenSeadragon.Rect} constrained bounds. + */ + _applyBoundaryConstraints: function( bounds, immediately ) { + var horizontalThreshold, verticalThreshold, left, right, top, bottom, dx = 0, - dy = 0; + dy = 0, + newBounds = new $.Rect( + bounds.x, + bounds.y, + bounds.width, + bounds.height + ); + + horizontalThreshold = this.visibilityRatio * newBounds.width; + verticalThreshold = this.visibilityRatio * newBounds.height; - if ( actualZoom != constrainedZoom ) { - this.zoomTo( constrainedZoom, this.zoomPoint, immediately ); - } - - bounds = this.getBounds(); - - horizontalThreshold = this.visibilityRatio * bounds.width; - verticalThreshold = this.visibilityRatio * bounds.height; - - left = bounds.x + bounds.width; - right = 1 - bounds.x; - top = bounds.y + bounds.height; - bottom = this.contentAspectY - bounds.y; + left = newBounds.x + newBounds.width; + right = 1 - newBounds.x; + top = newBounds.y + newBounds.height; + bottom = this.contentAspectY - newBounds.y; if ( this.wrapHorizontal ) { //do nothing @@ -382,17 +378,16 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ } if ( dx || dy || immediately ) { - bounds.x += dx; - bounds.y += dy; - if( bounds.width > 1 ){ - bounds.x = 0.5 - bounds.width/2; + newBounds.x += dx; + newBounds.y += dy; + if( newBounds.width > 1 ){ + newBounds.x = 0.5 - newBounds.width/2; } - if( bounds.height > this.contentAspectY ){ - bounds.y = this.contentAspectY/2 - bounds.height/2; + if( newBounds.height > this.contentAspectY ){ + newBounds.y = this.contentAspectY/2 - newBounds.height/2; } - this.fitBounds( bounds, immediately ); } - + if( this.viewer ){ /** * Raised when the viewport constraints are applied (see {@link OpenSeadragon.Viewport#applyConstraints}). @@ -407,8 +402,37 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ this.viewer.raiseEvent( 'constrain', { immediately: immediately }); + } + + return newBounds; + }, + + /** + * @function + * @return {OpenSeadragon.Viewport} Chainable. + * @fires OpenSeadragon.Viewer.event:constrain + */ + applyConstraints: function( immediately ) { + var actualZoom = this.getZoom(), + constrainedZoom = Math.max( + Math.min( actualZoom, this.getMaxZoom() ), + this.getMinZoom() + ), + bounds, + constrainedBounds; + + if ( actualZoom != constrainedZoom ) { + this.zoomTo( constrainedZoom, this.zoomPoint, immediately ); } + bounds = this.getBounds(); + + constrainedBounds = this._applyBoundaryConstraints( bounds, immediately ); + + if ( bounds.x !== constrainedBounds.x || bounds.y !== constrainedBounds.y || immediately ){ + this.fitBounds( constrainedBounds, immediately ); + } + return this; }, @@ -419,14 +443,19 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ ensureVisible: function( immediately ) { return this.applyConstraints( immediately ); }, - + /** * @function + * @private * @param {OpenSeadragon.Rect} bounds - * @param {Boolean} immediately + * @param {Object} options (immediately=false, constraints=false) * @return {OpenSeadragon.Viewport} Chainable. */ - fitBounds: function( bounds, immediately ) { + _fitBounds: function( bounds, options ) { + options = options || {}; + var immediately = options.immediately || false; + var constraints = options.constraints || false; + var aspect = this.getAspectRatio(), center = bounds.getCenter(), newBounds = new $.Rect( @@ -438,8 +467,10 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ oldBounds, oldZoom, newZoom, - referencePoint; - + referencePoint, + newBoundsAspectRatio, + newConstrainedZoom; + if ( newBounds.getAspectRatio() >= aspect ) { newBounds.height = bounds.width / aspect; newBounds.y = center.y - newBounds.height / 2; @@ -447,17 +478,39 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ newBounds.width = bounds.height * aspect; newBounds.x = center.x - newBounds.width / 2; } - + + if ( constraints ) { + newBoundsAspectRatio = newBounds.getAspectRatio(); + } + this.panTo( this.getCenter( true ), true ); this.zoomTo( this.getZoom( true ), null, true ); - + oldBounds = this.getBounds(); oldZoom = this.getZoom(); newZoom = 1.0 / newBounds.width; - if ( newZoom == oldZoom || newBounds.width == oldBounds.width ) { - return this.panTo( center, immediately ); + + if ( constraints ) { + newConstrainedZoom = Math.max( + Math.min(newZoom, this.getMaxZoom() ), + this.getMinZoom() + ); + + if (newZoom !== newConstrainedZoom) { + newZoom = newConstrainedZoom; + newBounds.width = 1.0 / newZoom; + newBounds.x = center.x - newBounds.width / 2; + newBounds.height = newBounds.width / newBoundsAspectRatio; + newBounds.y = center.y - newBounds.height / 2; + } + + newBounds = this._applyBoundaryConstraints( newBounds, immediately ); } - + + if ( newZoom == oldZoom || newBounds.width == oldBounds.width ) { + return this.panTo( constraints ? newBounds.getCenter() : center, immediately ); + } + referencePoint = oldBounds.getTopLeft().times( this.containerSize.x / oldBounds.width ).minus( @@ -468,11 +521,36 @@ $.Viewport.prototype = /** @lends OpenSeadragon.Viewport.prototype */{ this.containerSize.x / oldBounds.width - this.containerSize.x / newBounds.width ); - + return this.zoomTo( newZoom, referencePoint, immediately ); + }, + + /** + * @function + * @param {OpenSeadragon.Rect} bounds + * @param {Boolean} immediately + * @return {OpenSeadragon.Viewport} Chainable. + */ + fitBounds: function( bounds, immediately ) { + return this._fitBounds( bounds, { + immediately: immediately, + constraints: false + } ); }, - - + + /** + * @function + * @param {OpenSeadragon.Rect} bounds + * @param {Boolean} immediately + * @return {OpenSeadragon.Viewport} Chainable. + */ + fitBoundsWithConstraints: function( bounds, immediately ) { + return this._fitBounds( bounds, { + immediately: immediately, + constraints: true + } ); + }, + /** * @function * @param {Boolean} immediately diff --git a/test/basic.js b/test/basic.js index 969f492f..811efd3b 100644 --- a/test/basic.js +++ b/test/basic.js @@ -295,6 +295,7 @@ equal(null, viewer.container); equal(null, viewer.element); equal(true, closeCalled); + viewer = null; start(); }); viewer.open('/test/data/testpattern.dzi'); diff --git a/test/data/iiif1_0.json b/test/data/iiif_1_0_files/info.json similarity index 100% rename from test/data/iiif1_0.json rename to test/data/iiif_1_0_files/info.json diff --git a/test/data/iiif1_0.xml b/test/data/iiif_1_0_files/info.xml similarity index 100% rename from test/data/iiif1_0.xml rename to test/data/iiif_1_0_files/info.xml diff --git a/test/data/iiif_1_1_no_tiles_1048.json b/test/data/iiif_1_1_no_tiles_1048/info.json similarity index 100% rename from test/data/iiif_1_1_no_tiles_1048.json rename to test/data/iiif_1_1_no_tiles_1048/info.json diff --git a/test/data/iiif_1_1_no_tiles_255.json b/test/data/iiif_1_1_no_tiles_255/info.json similarity index 100% rename from test/data/iiif_1_1_no_tiles_255.json rename to test/data/iiif_1_1_no_tiles_255/info.json diff --git a/test/data/iiif_1_1_no_tiles_384.json b/test/data/iiif_1_1_no_tiles_384/info.json similarity index 100% rename from test/data/iiif_1_1_no_tiles_384.json rename to test/data/iiif_1_1_no_tiles_384/info.json diff --git a/test/data/iiif_1_1_no_tiles_768.json b/test/data/iiif_1_1_no_tiles_768/info.json similarity index 100% rename from test/data/iiif_1_1_no_tiles_768.json rename to test/data/iiif_1_1_no_tiles_768/info.json diff --git a/test/data/iiif_1_1_tiled.json b/test/data/iiif_1_1_tiled/info.json similarity index 100% rename from test/data/iiif_1_1_tiled.json rename to test/data/iiif_1_1_tiled/info.json diff --git a/test/data/iiif_2_0_tiled/0,0,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,0,256,256/256,/0/default.jpg new file mode 100644 index 00000000..a29c5568 Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,0,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,0,512,512/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,0,512,512/256,/0/default.jpg new file mode 100644 index 00000000..edb856cc Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,0,512,512/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,0,775,1024/194,/0/default.jpg b/test/data/iiif_2_0_tiled/0,0,775,1024/194,/0/default.jpg new file mode 100644 index 00000000..be76af06 Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,0,775,1024/194,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,256,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,256,256,256/256,/0/default.jpg new file mode 100644 index 00000000..cb38ba74 Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,256,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,512,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,512,256,256/256,/0/default.jpg new file mode 100644 index 00000000..0b44da15 Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,512,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,512,512,512/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,512,512,512/256,/0/default.jpg new file mode 100644 index 00000000..250e76d1 Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,512,512,512/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/0,768,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/0,768,256,256/256,/0/default.jpg new file mode 100644 index 00000000..8cf078fa Binary files /dev/null and b/test/data/iiif_2_0_tiled/0,768,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/256,0,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/256,0,256,256/256,/0/default.jpg new file mode 100644 index 00000000..36ecb717 Binary files /dev/null and b/test/data/iiif_2_0_tiled/256,0,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/256,256,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/256,256,256,256/256,/0/default.jpg new file mode 100644 index 00000000..b57469a8 Binary files /dev/null and b/test/data/iiif_2_0_tiled/256,256,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/256,512,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/256,512,256,256/256,/0/default.jpg new file mode 100644 index 00000000..7fd76a78 Binary files /dev/null and b/test/data/iiif_2_0_tiled/256,512,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/256,768,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/256,768,256,256/256,/0/default.jpg new file mode 100644 index 00000000..cf96a405 Binary files /dev/null and b/test/data/iiif_2_0_tiled/256,768,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,0,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/512,0,256,256/256,/0/default.jpg new file mode 100644 index 00000000..ca605428 Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,0,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,0,263,512/132,/0/default.jpg b/test/data/iiif_2_0_tiled/512,0,263,512/132,/0/default.jpg new file mode 100644 index 00000000..ca48f792 Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,0,263,512/132,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,256,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/512,256,256,256/256,/0/default.jpg new file mode 100644 index 00000000..41dd14bb Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,256,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,512,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/512,512,256,256/256,/0/default.jpg new file mode 100644 index 00000000..1b42d53c Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,512,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,512,263,512/132,/0/default.jpg b/test/data/iiif_2_0_tiled/512,512,263,512/132,/0/default.jpg new file mode 100644 index 00000000..baa4ee5d Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,512,263,512/132,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/512,768,256,256/256,/0/default.jpg b/test/data/iiif_2_0_tiled/512,768,256,256/256,/0/default.jpg new file mode 100644 index 00000000..b3e0f5cb Binary files /dev/null and b/test/data/iiif_2_0_tiled/512,768,256,256/256,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/768,0,7,256/7,/0/default.jpg b/test/data/iiif_2_0_tiled/768,0,7,256/7,/0/default.jpg new file mode 100644 index 00000000..7f08427a Binary files /dev/null and b/test/data/iiif_2_0_tiled/768,0,7,256/7,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/768,256,7,256/7,/0/default.jpg b/test/data/iiif_2_0_tiled/768,256,7,256/7,/0/default.jpg new file mode 100644 index 00000000..b21f307b Binary files /dev/null and b/test/data/iiif_2_0_tiled/768,256,7,256/7,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/768,512,7,256/7,/0/default.jpg b/test/data/iiif_2_0_tiled/768,512,7,256/7,/0/default.jpg new file mode 100644 index 00000000..4a92be8c Binary files /dev/null and b/test/data/iiif_2_0_tiled/768,512,7,256/7,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/768,768,7,256/7,/0/default.jpg b/test/data/iiif_2_0_tiled/768,768,7,256/7,/0/default.jpg new file mode 100644 index 00000000..f167fa29 Binary files /dev/null and b/test/data/iiif_2_0_tiled/768,768,7,256/7,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/1,/0/default.jpg b/test/data/iiif_2_0_tiled/full/1,/0/default.jpg new file mode 100644 index 00000000..6b3670c8 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/1,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/13,/0/default.jpg b/test/data/iiif_2_0_tiled/full/13,/0/default.jpg new file mode 100644 index 00000000..f9cb6979 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/13,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/2,/0/default.jpg b/test/data/iiif_2_0_tiled/full/2,/0/default.jpg new file mode 100644 index 00000000..a335cd34 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/2,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/25,/0/default.jpg b/test/data/iiif_2_0_tiled/full/25,/0/default.jpg new file mode 100644 index 00000000..18a43a03 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/25,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/4,/0/default.jpg b/test/data/iiif_2_0_tiled/full/4,/0/default.jpg new file mode 100644 index 00000000..ce882561 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/4,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/49,/0/default.jpg b/test/data/iiif_2_0_tiled/full/49,/0/default.jpg new file mode 100644 index 00000000..68b8eb9c Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/49,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/7,/0/default.jpg b/test/data/iiif_2_0_tiled/full/7,/0/default.jpg new file mode 100644 index 00000000..4c234847 Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/7,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/full/97,/0/default.jpg b/test/data/iiif_2_0_tiled/full/97,/0/default.jpg new file mode 100644 index 00000000..4afad0bf Binary files /dev/null and b/test/data/iiif_2_0_tiled/full/97,/0/default.jpg differ diff --git a/test/data/iiif_2_0_tiled/info.json b/test/data/iiif_2_0_tiled/info.json new file mode 100644 index 00000000..4cb0c3ab --- /dev/null +++ b/test/data/iiif_2_0_tiled/info.json @@ -0,0 +1,24 @@ +{ + "@context": "http://iiif.io/api/image/2/context.json", + "@id": "http://localhost:8000/test/data/iiif_2_0_tiled", + "protocol": "http://iiif.io/api/image", + "height": 1024, + "width": 775, + "tiles" : [{"width":256, "scale_factors":[1,2,4,8]}], + + "profile": ["http://iiif.io/api/image/2/level1.json", + { + "qualities": [ + "native", + "bitonal", + "grey", + "color" + ], + "formats": [ + "jpg", + "png", + "gif" + ] + } + ] +} diff --git a/test/demo/fitboundswithconstraints.html b/test/demo/fitboundswithconstraints.html new file mode 100644 index 00000000..c0317c98 --- /dev/null +++ b/test/demo/fitboundswithconstraints.html @@ -0,0 +1,113 @@ + + + + OpenSeadragon fitBoundsWithConstraints() Demo + + + + +
+ Simple demo page to show 'viewport.fitBounds().applyConstraints()' issue. +
+ +
+
+ + + + + + + diff --git a/test/demo/memorycheck.html b/test/demo/memorycheck.html new file mode 100644 index 00000000..bebe80da --- /dev/null +++ b/test/demo/memorycheck.html @@ -0,0 +1,57 @@ + + + + OpenSeadragon Memory Check Demo + + + + +
+ Simple demo page to monitor OpenSeadragon Memory Usage. +
+ + + +
+ + + diff --git a/test/formats.js b/test/formats.js index c3653123..b40c15c0 100644 --- a/test/formats.js +++ b/test/formats.js @@ -72,37 +72,42 @@ // ---------- asyncTest('IIIF 1.0 JSON', function() { - testOpen('iiif1_0.json'); + testOpen('iiif_1_0_files/info.json'); }); // ---------- asyncTest('IIIF 1.0 XML', function() { - testOpen('iiif1_0.xml'); + testOpen('iiif_1_0_files/info.xml'); }); // ---------- asyncTest('IIIF 1.1 JSON', function() { - testOpen('iiif_1_1_tiled.json'); + testOpen('iiif_1_1_tiled/info.json'); }); // ---------- asyncTest('IIIF No Tiles, Less than 256', function() { - testOpen('iiif_1_1_no_tiles_255.json'); + testOpen('iiif_1_1_no_tiles_255/info.json'); }); // ---------- asyncTest('IIIF No Tiles, Bet. 256 and 512', function() { - testOpen('iiif_1_1_no_tiles_384.json'); + testOpen('iiif_1_1_no_tiles_384/info.json'); }); // ---------- asyncTest('IIIF No Tiles, Bet. 512 and 1024', function() { - testOpen('iiif_1_1_no_tiles_768.json'); + testOpen('iiif_1_1_no_tiles_768/info.json'); }); // ---------- asyncTest('IIIF No Tiles, Larger than 1024', function() { - testOpen('iiif_1_1_no_tiles_1048.json'); + testOpen('iiif_1_1_no_tiles_1048/info.json'); }); + // ---------- + asyncTest('IIIF 2.0 JSON', function() { + testOpen('iiif_2_0_tiled/info.json'); + }); + })(); diff --git a/test/test.html b/test/test.html index 64062197..592847bd 100644 --- a/test/test.html +++ b/test/test.html @@ -3,14 +3,14 @@ OpenSeadragon QUnit - +
- +