mirror of
https://github.com/openseadragon/openseadragon.git
synced 2024-11-29 08:36:10 +03:00
code cleanup
This commit is contained in:
Tom
parent
f510301922
commit
f4ded1630f
710
src/tile.js
710
src/tile.js
@ -34,366 +34,366 @@
|
|||||||
|
|
||||||
(function( $ ){
|
(function( $ ){
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @class Tile
|
||||||
|
* @memberof OpenSeadragon
|
||||||
|
* @param {Number} level The zoom level this tile belongs to.
|
||||||
|
* @param {Number} x The vector component 'x'.
|
||||||
|
* @param {Number} y The vector component 'y'.
|
||||||
|
* @param {OpenSeadragon.Rect} bounds Where this tile fits, in normalized
|
||||||
|
* coordinates.
|
||||||
|
* @param {Boolean} exists Is this tile a part of a sparse image? ( Also has
|
||||||
|
* this tile failed to load? )
|
||||||
|
* @param {String|Function} url The URL of this tile's image or a function that returns a url.
|
||||||
|
* @param {CanvasRenderingContext2D} context2D The context2D of this tile if it
|
||||||
|
* is provided directly by the tile source.
|
||||||
|
* @param {Boolean} loadWithAjax Whether this tile image should be loaded with an AJAX request .
|
||||||
|
* @param {Object} ajaxHeaders The headers to send with this tile's AJAX request (if applicable).
|
||||||
|
* @param {OpenSeadragon.Rect} sourceBounds The portion of the tile to use as the source of the
|
||||||
|
* drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing
|
||||||
|
* with HTML the entire tile is always used.
|
||||||
|
* @param {String} postData HTTP POST data (usually but not necessarily in k=v&k2=v2... form,
|
||||||
|
* see TileSource::getPostData) or null
|
||||||
|
* @param {String} cacheKey key to act as a tile cache, must be unique for tiles with unique image data
|
||||||
|
*/
|
||||||
|
$.Tile = function(level, x, y, bounds, exists, url, context2D, loadWithAjax, ajaxHeaders, sourceBounds, postData, cacheKey) {
|
||||||
/**
|
/**
|
||||||
* @class Tile
|
* The zoom level this tile belongs to.
|
||||||
* @memberof OpenSeadragon
|
* @member {Number} level
|
||||||
* @param {Number} level The zoom level this tile belongs to.
|
* @memberof OpenSeadragon.Tile#
|
||||||
* @param {Number} x The vector component 'x'.
|
|
||||||
* @param {Number} y The vector component 'y'.
|
|
||||||
* @param {OpenSeadragon.Rect} bounds Where this tile fits, in normalized
|
|
||||||
* coordinates.
|
|
||||||
* @param {Boolean} exists Is this tile a part of a sparse image? ( Also has
|
|
||||||
* this tile failed to load? )
|
|
||||||
* @param {String|Function} url The URL of this tile's image or a function that returns a url.
|
|
||||||
* @param {CanvasRenderingContext2D} context2D The context2D of this tile if it
|
|
||||||
* is provided directly by the tile source.
|
|
||||||
* @param {Boolean} loadWithAjax Whether this tile image should be loaded with an AJAX request .
|
|
||||||
* @param {Object} ajaxHeaders The headers to send with this tile's AJAX request (if applicable).
|
|
||||||
* @param {OpenSeadragon.Rect} sourceBounds The portion of the tile to use as the source of the
|
|
||||||
* drawing operation, in pixels. Note that this only works when drawing with canvas; when drawing
|
|
||||||
* with HTML the entire tile is always used.
|
|
||||||
* @param {String} postData HTTP POST data (usually but not necessarily in k=v&k2=v2... form,
|
|
||||||
* see TileSource::getPostData) or null
|
|
||||||
* @param {String} cacheKey key to act as a tile cache, must be unique for tiles with unique image data
|
|
||||||
*/
|
*/
|
||||||
$.Tile = function(level, x, y, bounds, exists, url, context2D, loadWithAjax, ajaxHeaders, sourceBounds, postData, cacheKey) {
|
this.level = level;
|
||||||
/**
|
/**
|
||||||
* The zoom level this tile belongs to.
|
* The vector component 'x'.
|
||||||
* @member {Number} level
|
* @member {Number} x
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.level = level;
|
this.x = x;
|
||||||
/**
|
/**
|
||||||
* The vector component 'x'.
|
* The vector component 'y'.
|
||||||
* @member {Number} x
|
* @member {Number} y
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.x = x;
|
this.y = y;
|
||||||
/**
|
/**
|
||||||
* The vector component 'y'.
|
* Where this tile fits, in normalized coordinates
|
||||||
* @member {Number} y
|
* @member {OpenSeadragon.Rect} bounds
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.y = y;
|
this.bounds = bounds;
|
||||||
/**
|
/**
|
||||||
* Where this tile fits, in normalized coordinates
|
* Where this tile fits, in normalized coordinates, after positioning
|
||||||
* @member {OpenSeadragon.Rect} bounds
|
* @member {OpenSeadragon.Rect} positionedBounds
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.bounds = bounds;
|
this.positionedBounds = new OpenSeadragon.Rect(bounds.x, bounds.y, bounds.width, bounds.height);
|
||||||
/**
|
/**
|
||||||
* Where this tile fits, in normalized coordinates, after positioning
|
* The portion of the tile to use as the source of the drawing operation, in pixels. Note that
|
||||||
* @member {OpenSeadragon.Rect} positionedBounds
|
* this only works when drawing with canvas; when drawing with HTML the entire tile is always used.
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @member {OpenSeadragon.Rect} sourceBounds
|
||||||
*/
|
* @memberof OpenSeadragon.Tile#
|
||||||
this.positionedBounds = new OpenSeadragon.Rect(bounds.x, bounds.y, bounds.width, bounds.height);
|
*/
|
||||||
/**
|
this.sourceBounds = sourceBounds;
|
||||||
* The portion of the tile to use as the source of the drawing operation, in pixels. Note that
|
/**
|
||||||
* this only works when drawing with canvas; when drawing with HTML the entire tile is always used.
|
* Is this tile a part of a sparse image? Also has this tile failed to load?
|
||||||
* @member {OpenSeadragon.Rect} sourceBounds
|
* @member {Boolean} exists
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.sourceBounds = sourceBounds;
|
this.exists = exists;
|
||||||
/**
|
/**
|
||||||
* Is this tile a part of a sparse image? Also has this tile failed to load?
|
* Private property to hold string url or url retriever function.
|
||||||
* @member {Boolean} exists
|
* Consumers should access via Tile.getUrl()
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @private
|
||||||
*/
|
* @member {String|Function} url
|
||||||
this.exists = exists;
|
* @memberof OpenSeadragon.Tile#
|
||||||
/**
|
*/
|
||||||
* Private property to hold string url or url retriever function.
|
this._url = url;
|
||||||
* Consumers should access via Tile.getUrl()
|
/**
|
||||||
* @private
|
* Post parameters for this tile. For example, it can be an URL-encoded string
|
||||||
* @member {String|Function} url
|
* in k1=v1&k2=v2... format, or a JSON, or a FormData instance... or null if no POST request used
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @member {String} postData HTTP POST data (usually but not necessarily in k=v&k2=v2... form,
|
||||||
*/
|
* see TileSource::getPostData) or null
|
||||||
this._url = url;
|
* @memberof OpenSeadragon.Tile#
|
||||||
/**
|
*/
|
||||||
* Post parameters for this tile. For example, it can be an URL-encoded string
|
this.postData = postData;
|
||||||
* in k1=v1&k2=v2... format, or a JSON, or a FormData instance... or null if no POST request used
|
/**
|
||||||
* @member {String} postData HTTP POST data (usually but not necessarily in k=v&k2=v2... form,
|
* The context2D of this tile if it is provided directly by the tile source.
|
||||||
* see TileSource::getPostData) or null
|
* @member {CanvasRenderingContext2D} context2D
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @memberOf OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.postData = postData;
|
this.context2D = context2D;
|
||||||
/**
|
/**
|
||||||
* The context2D of this tile if it is provided directly by the tile source.
|
* Whether to load this tile's image with an AJAX request.
|
||||||
* @member {CanvasRenderingContext2D} context2D
|
* @member {Boolean} loadWithAjax
|
||||||
* @memberOf OpenSeadragon.Tile#
|
* @memberof OpenSeadragon.Tile#
|
||||||
*/
|
*/
|
||||||
this.context2D = context2D;
|
this.loadWithAjax = loadWithAjax;
|
||||||
/**
|
/**
|
||||||
* Whether to load this tile's image with an AJAX request.
|
* The headers to be used in requesting this tile's image.
|
||||||
* @member {Boolean} loadWithAjax
|
* Only used if loadWithAjax is set to true.
|
||||||
* @memberof OpenSeadragon.Tile#
|
* @member {Object} ajaxHeaders
|
||||||
*/
|
* @memberof OpenSeadragon.Tile#
|
||||||
this.loadWithAjax = loadWithAjax;
|
*/
|
||||||
/**
|
this.ajaxHeaders = ajaxHeaders;
|
||||||
* The headers to be used in requesting this tile's image.
|
|
||||||
* Only used if loadWithAjax is set to true.
|
|
||||||
* @member {Object} ajaxHeaders
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.ajaxHeaders = ajaxHeaders;
|
|
||||||
|
|
||||||
if (cacheKey === undefined) {
|
if (cacheKey === undefined) {
|
||||||
$.console.warn("Tile constructor needs 'cacheKey' variable: creation tile cache" +
|
$.console.warn("Tile constructor needs 'cacheKey' variable: creation tile cache" +
|
||||||
" in Tile class is deprecated. TileSource.prototype.getTileHashKey will be used.");
|
" in Tile class is deprecated. TileSource.prototype.getTileHashKey will be used.");
|
||||||
cacheKey = $.TileSource.prototype.getTileHashKey(level, x, y, url, ajaxHeaders, postData);
|
cacheKey = $.TileSource.prototype.getTileHashKey(level, x, y, url, ajaxHeaders, postData);
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* The unique cache key for this tile.
|
||||||
|
* @member {String} cacheKey
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.cacheKey = cacheKey;
|
||||||
|
/**
|
||||||
|
* Is this tile loaded?
|
||||||
|
* @member {Boolean} loaded
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.loaded = false;
|
||||||
|
/**
|
||||||
|
* Is this tile loading?
|
||||||
|
* @member {Boolean} loading
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.loading = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The HTML div element for this tile
|
||||||
|
* @member {Element} element
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.element = null;
|
||||||
|
/**
|
||||||
|
* The HTML img element for this tile.
|
||||||
|
* @member {Element} imgElement
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.imgElement = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The alias of this.element.style.
|
||||||
|
* @member {String} style
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.style = null;
|
||||||
|
/**
|
||||||
|
* This tile's position on screen, in pixels.
|
||||||
|
* @member {OpenSeadragon.Point} position
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.position = null;
|
||||||
|
/**
|
||||||
|
* This tile's size on screen, in pixels.
|
||||||
|
* @member {OpenSeadragon.Point} size
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.size = null;
|
||||||
|
/**
|
||||||
|
* Whether to flip the tile when rendering.
|
||||||
|
* @member {Boolean} flipped
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.flipped = false;
|
||||||
|
/**
|
||||||
|
* The start time of this tile's blending.
|
||||||
|
* @member {Number} blendStart
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.blendStart = null;
|
||||||
|
/**
|
||||||
|
* The current opacity this tile should be.
|
||||||
|
* @member {Number} opacity
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.opacity = null;
|
||||||
|
/**
|
||||||
|
* The squared distance of this tile to the viewport center.
|
||||||
|
* Use for comparing tiles.
|
||||||
|
* @private
|
||||||
|
* @member {Number} squaredDistance
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.squaredDistance = null;
|
||||||
|
/**
|
||||||
|
* The visibility score of this tile.
|
||||||
|
* @member {Number} visibility
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.visibility = null;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The transparency indicator of this tile.
|
||||||
|
* @member {Boolean} hasTransparency true if tile contains transparency for correct rendering
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.hasTransparency = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether this tile is currently being drawn.
|
||||||
|
* @member {Boolean} beingDrawn
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.beingDrawn = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Timestamp the tile was last touched.
|
||||||
|
* @member {Number} lastTouchTime
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.lastTouchTime = 0;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether this tile is in the right-most column for its level.
|
||||||
|
* @member {Boolean} isRightMost
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.isRightMost = false;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether this tile is in the bottom-most row for its level.
|
||||||
|
* @member {Boolean} isBottomMost
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
*/
|
||||||
|
this.isBottomMost = false;
|
||||||
|
};
|
||||||
|
|
||||||
|
/** @lends OpenSeadragon.Tile.prototype */
|
||||||
|
$.Tile.prototype = {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Provides a string representation of this tiles level and (x,y)
|
||||||
|
* components.
|
||||||
|
* @function
|
||||||
|
* @returns {String}
|
||||||
|
*/
|
||||||
|
toString: function() {
|
||||||
|
return this.level + "/" + this.x + "_" + this.y;
|
||||||
|
},
|
||||||
|
|
||||||
|
// private
|
||||||
|
_hasTransparencyChannel: function() {
|
||||||
|
console.warn("Tile.prototype._hasTransparencyChannel() has been " +
|
||||||
|
"deprecated and will be removed in the future. Use TileSource.prototype.hasTransparency() instead.");
|
||||||
|
return !!this.context2D || this.getUrl().match('.png');
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The Image object for this tile.
|
||||||
|
* @member {Object} image
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
* @deprecated
|
||||||
|
* @returns {Image}
|
||||||
|
*/
|
||||||
|
get image() {
|
||||||
|
$.console.error("[Tile.image] property has been deprecated. Use [Tile.prototype.getImage] instead.");
|
||||||
|
return this.getImage();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The URL of this tile's image.
|
||||||
|
* @member {String} url
|
||||||
|
* @memberof OpenSeadragon.Tile#
|
||||||
|
* @deprecated
|
||||||
|
* @returns {String}
|
||||||
|
*/
|
||||||
|
get url() {
|
||||||
|
$.console.error("[Tile.url] property has been deprecated. Use [Tile.prototype.getUrl] instead.");
|
||||||
|
return this.getUrl();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the Image object for this tile.
|
||||||
|
* @returns {Image}
|
||||||
|
*/
|
||||||
|
getImage: function() {
|
||||||
|
return this.cacheImageRecord.getImage();
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the url string for this tile.
|
||||||
|
* @returns {String}
|
||||||
|
*/
|
||||||
|
getUrl: function() {
|
||||||
|
if (typeof this._url === 'function') {
|
||||||
|
return this._url();
|
||||||
|
}
|
||||||
|
|
||||||
|
return this._url;
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the CanvasRenderingContext2D instance for tile image data drawn
|
||||||
|
* onto Canvas if enabled and available
|
||||||
|
* @returns {CanvasRenderingContext2D}
|
||||||
|
*/
|
||||||
|
getCanvasContext: function() {
|
||||||
|
return this.context2D || (this.cacheImageRecord && this.cacheImageRecord.getRenderedContext());
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get the ratio between current and original size.
|
||||||
|
* @function
|
||||||
|
* @returns {Float}
|
||||||
|
*/
|
||||||
|
getScaleForEdgeSmoothing: function() {
|
||||||
|
var context;
|
||||||
|
if (this.cacheImageRecord) {
|
||||||
|
context = this.cacheImageRecord.getRenderedContext();
|
||||||
|
} else if (this.context2D) {
|
||||||
|
context = this.context2D;
|
||||||
|
} else {
|
||||||
|
$.console.warn(
|
||||||
|
'[Tile.drawCanvas] attempting to get tile scale %s when tile\'s not cached',
|
||||||
|
this.toString());
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
return context.canvas.width / (this.size.x * $.pixelDensityRatio);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Get a translation vector that when applied to the tile position produces integer coordinates.
|
||||||
|
* Needed to avoid swimming and twitching.
|
||||||
|
* @function
|
||||||
|
* @param {Number} [scale=1] - Scale to be applied to position.
|
||||||
|
* @returns {OpenSeadragon.Point}
|
||||||
|
*/
|
||||||
|
getTranslationForEdgeSmoothing: function(scale, canvasSize, sketchCanvasSize) {
|
||||||
|
// The translation vector must have positive values, otherwise the image goes a bit off
|
||||||
|
// the sketch canvas to the top and left and we must use negative coordinates to repaint it
|
||||||
|
// to the main canvas. In that case, some browsers throw:
|
||||||
|
// INDEX_SIZE_ERR: DOM Exception 1: Index or size was negative, or greater than the allowed value.
|
||||||
|
var x = Math.max(1, Math.ceil((sketchCanvasSize.x - canvasSize.x) / 2));
|
||||||
|
var y = Math.max(1, Math.ceil((sketchCanvasSize.y - canvasSize.y) / 2));
|
||||||
|
return new $.Point(x, y).minus(
|
||||||
|
this.position
|
||||||
|
.times($.pixelDensityRatio)
|
||||||
|
.times(scale || 1)
|
||||||
|
.apply(function(x) {
|
||||||
|
return x % 1;
|
||||||
|
})
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Removes tile from its container.
|
||||||
|
* @function
|
||||||
|
*/
|
||||||
|
unload: function() {
|
||||||
|
if ( this.imgElement && this.imgElement.parentNode ) {
|
||||||
|
this.imgElement.parentNode.removeChild( this.imgElement );
|
||||||
|
}
|
||||||
|
if ( this.element && this.element.parentNode ) {
|
||||||
|
this.element.parentNode.removeChild( this.element );
|
||||||
}
|
}
|
||||||
/**
|
|
||||||
* The unique cache key for this tile.
|
|
||||||
* @member {String} cacheKey
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.cacheKey = cacheKey;
|
|
||||||
/**
|
|
||||||
* Is this tile loaded?
|
|
||||||
* @member {Boolean} loaded
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.loaded = false;
|
|
||||||
/**
|
|
||||||
* Is this tile loading?
|
|
||||||
* @member {Boolean} loading
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.loading = false;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The HTML div element for this tile
|
|
||||||
* @member {Element} element
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.element = null;
|
this.element = null;
|
||||||
/**
|
|
||||||
* The HTML img element for this tile.
|
|
||||||
* @member {Element} imgElement
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.imgElement = null;
|
this.imgElement = null;
|
||||||
|
this.loaded = false;
|
||||||
|
this.loading = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
/**
|
}( OpenSeadragon ));
|
||||||
* The alias of this.element.style.
|
|
||||||
* @member {String} style
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.style = null;
|
|
||||||
/**
|
|
||||||
* This tile's position on screen, in pixels.
|
|
||||||
* @member {OpenSeadragon.Point} position
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.position = null;
|
|
||||||
/**
|
|
||||||
* This tile's size on screen, in pixels.
|
|
||||||
* @member {OpenSeadragon.Point} size
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.size = null;
|
|
||||||
/**
|
|
||||||
* Whether to flip the tile when rendering.
|
|
||||||
* @member {Boolean} flipped
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.flipped = false;
|
|
||||||
/**
|
|
||||||
* The start time of this tile's blending.
|
|
||||||
* @member {Number} blendStart
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.blendStart = null;
|
|
||||||
/**
|
|
||||||
* The current opacity this tile should be.
|
|
||||||
* @member {Number} opacity
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.opacity = null;
|
|
||||||
/**
|
|
||||||
* The squared distance of this tile to the viewport center.
|
|
||||||
* Use for comparing tiles.
|
|
||||||
* @private
|
|
||||||
* @member {Number} squaredDistance
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.squaredDistance = null;
|
|
||||||
/**
|
|
||||||
* The visibility score of this tile.
|
|
||||||
* @member {Number} visibility
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.visibility = null;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The transparency indicator of this tile.
|
|
||||||
* @member {Boolean} hasTransparency true if tile contains transparency for correct rendering
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.hasTransparency = false;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether this tile is currently being drawn.
|
|
||||||
* @member {Boolean} beingDrawn
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.beingDrawn = false;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Timestamp the tile was last touched.
|
|
||||||
* @member {Number} lastTouchTime
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.lastTouchTime = 0;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether this tile is in the right-most column for its level.
|
|
||||||
* @member {Boolean} isRightMost
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.isRightMost = false;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Whether this tile is in the bottom-most row for its level.
|
|
||||||
* @member {Boolean} isBottomMost
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
*/
|
|
||||||
this.isBottomMost = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
/** @lends OpenSeadragon.Tile.prototype */
|
|
||||||
$.Tile.prototype = {
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Provides a string representation of this tiles level and (x,y)
|
|
||||||
* components.
|
|
||||||
* @function
|
|
||||||
* @returns {String}
|
|
||||||
*/
|
|
||||||
toString: function() {
|
|
||||||
return this.level + "/" + this.x + "_" + this.y;
|
|
||||||
},
|
|
||||||
|
|
||||||
// private
|
|
||||||
_hasTransparencyChannel: function() {
|
|
||||||
console.warn("Tile.prototype._hasTransparencyChannel() has been " +
|
|
||||||
"deprecated and will be removed in the future. Use TileSource.prototype.hasTransparency() instead.");
|
|
||||||
return !!this.context2D || this.getUrl().match('.png');
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The Image object for this tile.
|
|
||||||
* @member {Object} image
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
* @deprecated
|
|
||||||
* @returns {Image}
|
|
||||||
*/
|
|
||||||
get image() {
|
|
||||||
$.console.error("[Tile.image] property has been deprecated. Use [Tile.prototype.getImage] instead.");
|
|
||||||
return this.getImage();
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* The URL of this tile's image.
|
|
||||||
* @member {String} url
|
|
||||||
* @memberof OpenSeadragon.Tile#
|
|
||||||
* @deprecated
|
|
||||||
* @returns {String}
|
|
||||||
*/
|
|
||||||
get url() {
|
|
||||||
$.console.error("[Tile.url] property has been deprecated. Use [Tile.prototype.getUrl] instead.");
|
|
||||||
return this.getUrl();
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the Image object for this tile.
|
|
||||||
* @returns {Image}
|
|
||||||
*/
|
|
||||||
getImage: function() {
|
|
||||||
return this.cacheImageRecord.getImage();
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the url string for this tile.
|
|
||||||
* @returns {String}
|
|
||||||
*/
|
|
||||||
getUrl: function() {
|
|
||||||
if (typeof this._url === 'function') {
|
|
||||||
return this._url();
|
|
||||||
}
|
|
||||||
|
|
||||||
return this._url;
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the CanvasRenderingContext2D instance for tile image data drawn
|
|
||||||
* onto Canvas if enabled and available
|
|
||||||
* @returns {CanvasRenderingContext2D}
|
|
||||||
*/
|
|
||||||
getCanvasContext: function() {
|
|
||||||
return this.context2D || (this.cacheImageRecord && this.cacheImageRecord.getRenderedContext());
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the ratio between current and original size.
|
|
||||||
* @function
|
|
||||||
* @returns {Float}
|
|
||||||
*/
|
|
||||||
getScaleForEdgeSmoothing: function() {
|
|
||||||
var context;
|
|
||||||
if (this.cacheImageRecord) {
|
|
||||||
context = this.cacheImageRecord.getRenderedContext();
|
|
||||||
} else if (this.context2D) {
|
|
||||||
context = this.context2D;
|
|
||||||
} else {
|
|
||||||
$.console.warn(
|
|
||||||
'[Tile.drawCanvas] attempting to get tile scale %s when tile\'s not cached',
|
|
||||||
this.toString());
|
|
||||||
return 1;
|
|
||||||
}
|
|
||||||
return context.canvas.width / (this.size.x * $.pixelDensityRatio);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get a translation vector that when applied to the tile position produces integer coordinates.
|
|
||||||
* Needed to avoid swimming and twitching.
|
|
||||||
* @function
|
|
||||||
* @param {Number} [scale=1] - Scale to be applied to position.
|
|
||||||
* @returns {OpenSeadragon.Point}
|
|
||||||
*/
|
|
||||||
getTranslationForEdgeSmoothing: function(scale, canvasSize, sketchCanvasSize) {
|
|
||||||
// The translation vector must have positive values, otherwise the image goes a bit off
|
|
||||||
// the sketch canvas to the top and left and we must use negative coordinates to repaint it
|
|
||||||
// to the main canvas. In that case, some browsers throw:
|
|
||||||
// INDEX_SIZE_ERR: DOM Exception 1: Index or size was negative, or greater than the allowed value.
|
|
||||||
var x = Math.max(1, Math.ceil((sketchCanvasSize.x - canvasSize.x) / 2));
|
|
||||||
var y = Math.max(1, Math.ceil((sketchCanvasSize.y - canvasSize.y) / 2));
|
|
||||||
return new $.Point(x, y).minus(
|
|
||||||
this.position
|
|
||||||
.times($.pixelDensityRatio)
|
|
||||||
.times(scale || 1)
|
|
||||||
.apply(function(x) {
|
|
||||||
return x % 1;
|
|
||||||
})
|
|
||||||
);
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Removes tile from its container.
|
|
||||||
* @function
|
|
||||||
*/
|
|
||||||
unload: function() {
|
|
||||||
if ( this.imgElement && this.imgElement.parentNode ) {
|
|
||||||
this.imgElement.parentNode.removeChild( this.imgElement );
|
|
||||||
}
|
|
||||||
if ( this.element && this.element.parentNode ) {
|
|
||||||
this.element.parentNode.removeChild( this.element );
|
|
||||||
}
|
|
||||||
|
|
||||||
this.element = null;
|
|
||||||
this.imgElement = null;
|
|
||||||
this.loaded = false;
|
|
||||||
this.loading = false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
}( OpenSeadragon ));
|
|
||||||
|
|||||||
@ -262,7 +262,7 @@ $.extend( $.World.prototype, $.EventSource.prototype, /** @lends OpenSeadragon.W
|
|||||||
this.viewer.drawer.draw(this._items);
|
this.viewer.drawer.draw(this._items);
|
||||||
this._needsDraw = false;
|
this._needsDraw = false;
|
||||||
this._items.forEach(function(item){
|
this._items.forEach(function(item){
|
||||||
this._needsDraw = item.setDrawn() || this._needsDraw || true;
|
this._needsDraw = item.setDrawn() || this._needsDraw;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,7 @@
|
|||||||
<link rel="stylesheet" href="../lib/jquery-ui-1.10.2/css/smoothness/jquery-ui-1.10.2.min.css">
|
<link rel="stylesheet" href="../lib/jquery-ui-1.10.2/css/smoothness/jquery-ui-1.10.2.min.css">
|
||||||
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/17/Stats.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
|
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/stats.js/17/Stats.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
|
||||||
|
|
||||||
<!-- <script type="text/javascript" src="./webgldemodrawer.js"></script> -->
|
<script type="text/javascript" src="./webgldemodrawer.js"></script>
|
||||||
<script type="module" src="./drawerperformance.js"></script>
|
<script type="module" src="./drawerperformance.js"></script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.content{
|
.content{
|
||||||
|
|||||||
@ -53,7 +53,7 @@ $('#create-drawer').on('click',function(){
|
|||||||
window.setInterval(()=>{
|
window.setInterval(()=>{
|
||||||
let m = movingLeft ? 1 : -1;
|
let m = movingLeft ? 1 : -1;
|
||||||
movingLeft = m === -1;
|
movingLeft = m === -1;
|
||||||
let dist = viewer.viewport.getBounds().width / 2 / viewer.viewport.getZoom();
|
let dist = viewer.viewport.getBounds().width;
|
||||||
viewer.viewport.panBy(new OpenSeadragon.Point( dist * m/2, 0));
|
viewer.viewport.panBy(new OpenSeadragon.Point( dist * m/2, 0));
|
||||||
|
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user