diff --git a/Gruntfile.js b/Gruntfile.js index 0cd48304..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", diff --git a/changelog.txt b/changelog.txt index d1e02b23..70efa878 100644 --- a/changelog.txt +++ b/changelog.txt @@ -6,6 +6,9 @@ OPENSEADRAGON CHANGELOG * Fix for IIPServer-style urls when using DZI (#413) * Fix memory leak while destroying the viewer (#421) * Added fitBoundsWithConstraints() to the viewport (#423) +* New combined IIIF TileSource for 1.0 through 2.0 (#441) +* Allowed TileSources to have dynamic tileSize via source.getTileSize(level) (#441) + 1.1.1: diff --git a/src/drawer.js b/src/drawer.js index ebdf9c77..1f01c627 100644 --- a/src/drawer.js +++ b/src/drawer.js @@ -750,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/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/navigator.js b/src/navigator.js index 2043a8f4..e04c6a60 100644 --- a/src/navigator.js +++ b/src/navigator.js @@ -298,12 +298,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/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/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/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'); + }); + })();