mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2024-11-22 13:16:10 +03:00
Code Issues Projects Releases Wiki Activity

Merge pull request #846 from avandecreme/rotation

Browse Source 
Fix viewport.applyContraints (#833)
This commit is contained in:
Ian Gilman 2016-02-18 11:12:23 -08:00
commit 458bbd61b6
5 changed files with 138 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
changelog.txt
View File

@ -3,6 +3,10 @@ OPENSEADRAGON CHANGELOG
2.1.1: (in progress) 2.1.1: (in progress)
* BREAKING CHANGE: Viewport.homeBounds, Viewport.contentSize, Viewport.contentAspectX and
Viewport.contentAspectY have been removed.
* DEPRECATION: Viewport.setHomeBounds has been deprecated
* DEPRECATION: the Viewport constructor is now ignoring the contentSize option
* Tile edge smoothing at high zoom (#764) * Tile edge smoothing at high zoom (#764)
* Fixed issue with reference strip popping up virtual keyboard on mobile devices (#779) * Fixed issue with reference strip popping up virtual keyboard on mobile devices (#779)
* Now supporting rotation in the Rect class (#782) * Now supporting rotation in the Rect class (#782)
@ -15,6 +19,7 @@ OPENSEADRAGON CHANGELOG
* Added globalCompositeOperation option for tiledImage, to allow for different transfer modes (#814) * Added globalCompositeOperation option for tiledImage, to allow for different transfer modes (#814)
* Added Viewer.addSimpleImage method for easily adding non-tiled images (#827) * Added Viewer.addSimpleImage method for easily adding non-tiled images (#827)
* DziTileSource now works properly with DZI files that have no extension (#835) * DziTileSource now works properly with DZI files that have no extension (#835)
* Fixed content clipping with rotation (#463, #567 and #833)
* Fixed navigator not being rotated when viewport rotation is set in constructor (#840) * Fixed navigator not being rotated when viewport rotation is set in constructor (#840)
* Fixed: Viewer.setMouseNavEnabled wasn't affecting all of the viewer's trackers (#845) * Fixed: Viewer.setMouseNavEnabled wasn't affecting all of the viewer's trackers (#845)

4
src/viewer.js
View File

@ -330,7 +330,7 @@ $.Viewer = function( options ) {
this.world.addHandler('metrics-change', function(event) { this.world.addHandler('metrics-change', function(event) {
if (_this.viewport) { if (_this.viewport) {
_this.viewport.setHomeBounds(_this.world.getHomeBounds(), _this.world.getContentFactor()); _this.viewport._setContentBounds(_this.world.getHomeBounds(), _this.world.getContentFactor());
} }
}); });
@ -359,7 +359,7 @@ $.Viewer = function( options ) {
margins: this.viewportMargins margins: this.viewportMargins
}); });
this.viewport.setHomeBounds(this.world.getHomeBounds(), this.world.getContentFactor()); this.viewport._setContentBounds(this.world.getHomeBounds(), this.world.getContentFactor());
// Create the image loader // Create the image loader
this.imageLoader = new $.ImageLoader({ this.imageLoader = new $.ImageLoader({

246
src/viewport.js
View File

@ -134,13 +134,9 @@ $.Viewport = function( options ) {
this._oldCenterY = this.centerSpringY.current.value; this._oldCenterY = this.centerSpringY.current.value;
this._oldZoom = this.zoomSpring.current.value; this._oldZoom = this.zoomSpring.current.value;
if (this.contentSize) { this._setContentBounds(new $.Rect(0, 0, 1, 1), 1);
this.resetContentSize( this.contentSize );
} else {
this.setHomeBounds(new $.Rect(0, 0, 1, 1), 1);
}
this.goHome( true ); this.goHome(true);
this.update(); this.update();
}; };
@ -153,93 +149,101 @@ $.Viewport.prototype = {
* @return {OpenSeadragon.Viewport} Chainable. * @return {OpenSeadragon.Viewport} Chainable.
* @fires OpenSeadragon.Viewer.event:reset-size * @fires OpenSeadragon.Viewer.event:reset-size
*/ */
resetContentSize: function( contentSize ){ resetContentSize: function(contentSize) {
$.console.assert(contentSize, "[Viewport.resetContentSize] contentSize is required"); $.console.assert(contentSize, "[Viewport.resetContentSize] contentSize is required");
$.console.assert(contentSize instanceof $.Point, "[Viewport.resetContentSize] contentSize must be an OpenSeadragon.Point"); $.console.assert(contentSize instanceof $.Point, "[Viewport.resetContentSize] contentSize must be an OpenSeadragon.Point");
$.console.assert(contentSize.x > 0, "[Viewport.resetContentSize] contentSize.x must be greater than 0"); $.console.assert(contentSize.x > 0, "[Viewport.resetContentSize] contentSize.x must be greater than 0");
$.console.assert(contentSize.y > 0, "[Viewport.resetContentSize] contentSize.y must be greater than 0"); $.console.assert(contentSize.y > 0, "[Viewport.resetContentSize] contentSize.y must be greater than 0");
this.setHomeBounds(new $.Rect(0, 0, 1, contentSize.y / contentSize.x), contentSize.x); this._setContentBounds(new $.Rect(0, 0, 1, contentSize.y / contentSize.x), contentSize.x);
return this; return this;
}, },
/** // deprecated
* Updates the viewport's home bounds and constraints.
* @function
* @param {OpenSeadragon.Rect} bounds - the new bounds in viewport coordinates
* @param {Number} contentFactor - how many content units per viewport unit
* @fires OpenSeadragon.Viewer.event:reset-size
*/
setHomeBounds: function(bounds, contentFactor) { setHomeBounds: function(bounds, contentFactor) {
$.console.assert(bounds, "[Viewport.setHomeBounds] bounds is required"); $.console.error("[Viewport.setHomeBounds] this function is deprecated; The content bounds should not be set manually.");
$.console.assert(bounds instanceof $.Rect, "[Viewport.setHomeBounds] bounds must be an OpenSeadragon.Rect"); this._setContentBounds(bounds, contentFactor);
$.console.assert(bounds.width > 0, "[Viewport.setHomeBounds] bounds.width must be greater than 0"); },
$.console.assert(bounds.height > 0, "[Viewport.setHomeBounds] bounds.height must be greater than 0");
this.homeBounds = bounds.clone().rotate(this.degrees).getBoundingBox(); // Set the viewport's content bounds
this.contentSize = this.homeBounds.getSize().times(contentFactor); // @param {OpenSeadragon.Rect} bounds - the new bounds in viewport coordinates
this.contentAspectX = this.contentSize.x / this.contentSize.y; // without rotation
this.contentAspectY = this.contentSize.y / this.contentSize.x; // @param {Number} contentFactor - how many content units per viewport unit
// @fires OpenSeadragon.Viewer.event:reset-size
// @private
_setContentBounds: function(bounds, contentFactor) {
$.console.assert(bounds, "[Viewport._setContentBounds] bounds is required");
$.console.assert(bounds instanceof $.Rect, "[Viewport._setContentBounds] bounds must be an OpenSeadragon.Rect");
$.console.assert(bounds.width > 0, "[Viewport._setContentBounds] bounds.width must be greater than 0");
$.console.assert(bounds.height > 0, "[Viewport._setContentBounds] bounds.height must be greater than 0");
this._contentBoundsNoRotate = bounds.clone();
this._contentSizeNoRotate = this._contentBoundsNoRotate.getSize().times(
contentFactor);
this._contentBounds = bounds.rotate(this.degrees).getBoundingBox();
this._contentSize = this._contentBounds.getSize().times(contentFactor);
this._contentAspectRatio = this._contentSize.x / this._contentSize.y;
if (this.viewer) { if (this.viewer) {
/** /**
* Raised when the viewer's content size or home bounds are reset * Raised when the viewer's content size or home bounds are reset
* (see {@link OpenSeadragon.Viewport#resetContentSize}, * (see {@link OpenSeadragon.Viewport#resetContentSize}).
* {@link OpenSeadragon.Viewport#setHomeBounds}).
* *
* @event reset-size * @event reset-size
* @memberof OpenSeadragon.Viewer * @memberof OpenSeadragon.Viewer
* @type {object} * @type {object}
* @property {OpenSeadragon.Viewer} eventSource - A reference to the Viewer which raised this event. * @property {OpenSeadragon.Viewer} eventSource - A reference to the Viewer which raised this event.
* @property {OpenSeadragon.Point} contentSize * @property {OpenSeadragon.Point} contentSize
* @property {OpenSeadragon.Rect} homeBounds * @property {OpenSeadragon.Rect} contentBounds - Content bounds.
* @property {OpenSeadragon.Rect} homeBounds - Content bounds.
* Deprecated use contentBounds instead.
* @property {Number} contentFactor * @property {Number} contentFactor
* @property {?Object} userData - Arbitrary subscriber-defined object. * @property {?Object} userData - Arbitrary subscriber-defined object.
*/ */
this.viewer.raiseEvent('reset-size', { this.viewer.raiseEvent('reset-size', {
contentSize: this.contentSize.clone(), contentSize: this._contentSizeNoRotate.clone(),
contentFactor: contentFactor, contentFactor: contentFactor,
homeBounds: this.homeBounds.clone() homeBounds: this._contentBoundsNoRotate.clone(),
contentBounds: this._contentBounds.clone()
}); });
} }
}, },
/** /**
* Returns the home zoom in "viewport zoom" value.
* @function * @function
* @returns {Number} The home zoom in "viewport zoom".
*/ */
getHomeZoom: function() { getHomeZoom: function() {
if( this.defaultZoomLevel ){ if (this.defaultZoomLevel) {
return this.defaultZoomLevel; return this.defaultZoomLevel;
} else {
var aspectFactor =
this.contentAspectX / this.getAspectRatio();
var output;
if( this.homeFillsViewer ){ // fill the viewer and clip the image
output = ( aspectFactor >= 1) ?
aspectFactor :
1;
} else {
output = ( aspectFactor >= 1 ) ?
1 :
aspectFactor;
}
return output / this.homeBounds.width;
} }
var aspectFactor = this._contentAspectRatio / this.getAspectRatio();
var output;
if (this.homeFillsViewer) { // fill the viewer and clip the image
output = aspectFactor >= 1 ? aspectFactor : 1;
} else {
output = aspectFactor >= 1 ? 1 : aspectFactor;
}
return output / this._contentBounds.width;
}, },
/** /**
* Returns the home bounds in viewport coordinates.
* @function * @function
* @returns {OpenSeadragon.Rect} The home bounds in vewport coordinates.
*/ */
getHomeBounds: function() { getHomeBounds: function() {
var center = this.homeBounds.getCenter( ), var center = this._contentBounds.getCenter();
width = 1.0 / this.getHomeZoom( ), var width = 1.0 / this.getHomeZoom();
height = width / this.getAspectRatio(); var height = width / this.getAspectRatio();
return new $.Rect( return new $.Rect(
center.x - ( width / 2.0 ), center.x - (width / 2.0),
center.y - ( height / 2.0 ), center.y - (height / 2.0),
width, width,
height height
); );
@ -287,8 +291,8 @@ $.Viewport.prototype = {
getMaxZoom: function() { getMaxZoom: function() {
var zoom = this.maxZoomLevel; var zoom = this.maxZoomLevel;
if (!zoom) { if (!zoom) {
zoom = this.contentSize.x * this.maxZoomPixelRatio / this._containerInnerSize.x; zoom = this._contentSize.x * this.maxZoomPixelRatio / this._containerInnerSize.x;
zoom /= this.homeBounds.width; zoom /= this._contentBounds.width;
} }
return Math.max( zoom, this.getHomeZoom() ); return Math.max( zoom, this.getHomeZoom() );
@ -341,6 +345,7 @@ $.Viewport.prototype = {
}, },
/** /**
* Returns the bounds of the visible area in viewport coordinates.
* @function * @function
* @param {Boolean} current - Pass true for the current location; defaults to false (target location). * @param {Boolean} current - Pass true for the current location; defaults to false (target location).
* @returns {OpenSeadragon.Rect} The location you are zoomed/panned to, in viewport coordinates. * @returns {OpenSeadragon.Rect} The location you are zoomed/panned to, in viewport coordinates.
@ -440,65 +445,61 @@ $.Viewport.prototype = {
* @param {Boolean} immediately * @param {Boolean} immediately
* @return {OpenSeadragon.Rect} constrained bounds. * @return {OpenSeadragon.Rect} constrained bounds.
*/ */
_applyBoundaryConstraints: function( bounds, immediately ) { _applyBoundaryConstraints: function(bounds, immediately) {
var dx = 0, var newBounds = new $.Rect(
dy = 0,
newBounds = new $.Rect(
bounds.x, bounds.x,
bounds.y, bounds.y,
bounds.width, bounds.width,
bounds.height bounds.height);
);
var horizontalThreshold = this.visibilityRatio * newBounds.width; var horizontalThreshold = this.visibilityRatio * newBounds.width;
var verticalThreshold = this.visibilityRatio * newBounds.height; var verticalThreshold = this.visibilityRatio * newBounds.height;
if ( this.wrapHorizontal ) { if (this.wrapHorizontal) {
//do nothing //do nothing
} else { } else {
var dx = 0;
var thresholdLeft = newBounds.x + (newBounds.width - horizontalThreshold); var thresholdLeft = newBounds.x + (newBounds.width - horizontalThreshold);
if (this.homeBounds.x > thresholdLeft) { if (this._contentBoundsNoRotate.x > thresholdLeft) {
dx = this.homeBounds.x - thresholdLeft; dx = this._contentBoundsNoRotate.x - thresholdLeft;
} }
var homeRight = this.homeBounds.x + this.homeBounds.width; var contentRight = this._contentBoundsNoRotate.x + this._contentBoundsNoRotate.width;
var thresholdRight = newBounds.x + horizontalThreshold; var thresholdRight = newBounds.x + horizontalThreshold;
if (homeRight < thresholdRight) { if (contentRight < thresholdRight) {
var newDx = homeRight - thresholdRight; var newDx = contentRight - thresholdRight;
if (dx) { if (dx) {
dx = (dx + newDx) / 2; dx = (dx + newDx) / 2;
} else { } else {
dx = newDx; dx = newDx;
} }
} }
newBounds.x += dx;
} }
if ( this.wrapVertical ) { if (this.wrapVertical) {
//do nothing //do nothing
} else { } else {
var dy = 0;
var thresholdTop = newBounds.y + (newBounds.height - verticalThreshold); var thresholdTop = newBounds.y + (newBounds.height - verticalThreshold);
if (this.homeBounds.y > thresholdTop) { if (this._contentBoundsNoRotate.y > thresholdTop) {
dy = this.homeBounds.y - thresholdTop; dy = this._contentBoundsNoRotate.y - thresholdTop;
} }
var homeBottom = this.homeBounds.y + this.homeBounds.height; var contentBottom = this._contentBoundsNoRotate.y + this._contentBoundsNoRotate.height;
var thresholdBottom = newBounds.y + verticalThreshold; var thresholdBottom = newBounds.y + verticalThreshold;
if (homeBottom < thresholdBottom) { if (contentBottom < thresholdBottom) {
var newDy = homeBottom - thresholdBottom; var newDy = contentBottom - thresholdBottom;
if (dy) { if (dy) {
dy = (dy + newDy) / 2; dy = (dy + newDy) / 2;
} else { } else {
dy = newDy; dy = newDy;
} }
} }
}
if ( dx || dy ) {
newBounds.x += dx;
newBounds.y += dy; newBounds.y += dy;
} }
if( this.viewer ){ if (this.viewer) {
/** /**
* Raised when the viewport constraints are applied (see {@link OpenSeadragon.Viewport#applyConstraints}). * Raised when the viewport constraints are applied (see {@link OpenSeadragon.Viewport#applyConstraints}).
* *
@ -566,20 +567,14 @@ $.Viewport.prototype = {
var immediately = options.immediately || false; var immediately = options.immediately || false;
var constraints = options.constraints || false; var constraints = options.constraints || false;
var aspect = this.getAspectRatio(), var aspect = this.getAspectRatio();
center = bounds.getCenter(), var center = bounds.getCenter();
newBounds = new $.Rect( var newBounds = new $.Rect(
bounds.x, bounds.x,
bounds.y, bounds.y,
bounds.width, bounds.width,
bounds.height bounds.height
), );
oldBounds,
oldZoom,
newZoom,
referencePoint,
newBoundsAspectRatio,
newConstrainedZoom;
if ( newBounds.getAspectRatio() >= aspect ) { if ( newBounds.getAspectRatio() >= aspect ) {
newBounds.height = bounds.width / aspect; newBounds.height = bounds.width / aspect;
@ -589,19 +584,16 @@ $.Viewport.prototype = {
newBounds.x = center.x - newBounds.width / 2; newBounds.x = center.x - newBounds.width / 2;
} }
if ( constraints ) {
newBoundsAspectRatio = newBounds.getAspectRatio();
}
this.panTo( this.getCenter( true ), true ); this.panTo( this.getCenter( true ), true );
this.zoomTo( this.getZoom( true ), null, true ); this.zoomTo( this.getZoom( true ), null, true );
oldBounds = this.getBounds(); var oldBounds = this.getBounds();
oldZoom = this.getZoom(); var oldZoom = this.getZoom();
newZoom = 1.0 / newBounds.width; var newZoom = 1.0 / newBounds.width;
if ( constraints ) { if (constraints) {
newConstrainedZoom = Math.max( var newBoundsAspectRatio = newBounds.getAspectRatio();
var newConstrainedZoom = Math.max(
Math.min(newZoom, this.getMaxZoom() ), Math.min(newZoom, this.getMaxZoom() ),
this.getMinZoom() this.getMinZoom()
); );
@ -628,7 +620,7 @@ $.Viewport.prototype = {
return this.panTo( center, immediately ); return this.panTo( center, immediately );
} }
referencePoint = oldBounds.getTopLeft().times( var referencePoint = oldBounds.getTopLeft().times(
this._containerInnerSize.x / oldBounds.width this._containerInnerSize.x / oldBounds.width
).minus( ).minus(
newBounds.getTopLeft().times( newBounds.getTopLeft().times(
@ -673,11 +665,13 @@ $.Viewport.prototype = {
* @param {Boolean} immediately * @param {Boolean} immediately
* @return {OpenSeadragon.Viewport} Chainable. * @return {OpenSeadragon.Viewport} Chainable.
*/ */
fitVertically: function( immediately ) { fitVertically: function(immediately) {
var box = new $.Rect(this.homeBounds.x + (this.homeBounds.width / 2), this.homeBounds.y, var box = new $.Rect(
0, this.homeBounds.height); this._contentBounds.x + (this._contentBounds.width / 2),
this._contentBounds.y,
return this.fitBounds( box, immediately ); 0,
this._contentBounds.height);
return this.fitBounds(box, immediately);
}, },
/** /**
@ -685,11 +679,13 @@ $.Viewport.prototype = {
* @param {Boolean} immediately * @param {Boolean} immediately
* @return {OpenSeadragon.Viewport} Chainable. * @return {OpenSeadragon.Viewport} Chainable.
*/ */
fitHorizontally: function( immediately ) { fitHorizontally: function(immediately) {
var box = new $.Rect(this.homeBounds.x, this.homeBounds.y + (this.homeBounds.height / 2), var box = new $.Rect(
this.homeBounds.width, 0); this._contentBounds.x,
this._contentBounds.y + (this._contentBounds.height / 2),
return this.fitBounds( box, immediately ); this._contentBounds.width,
0);
return this.fitBounds(box, immediately);
}, },
@ -812,7 +808,7 @@ $.Viewport.prototype = {
degrees += 360; degrees += 360;
} }
this.degrees = degrees; this.degrees = degrees;
this.setHomeBounds( this._setContentBounds(
this.viewer.world.getHomeBounds(), this.viewer.world.getHomeBounds(),
this.viewer.world.getContentFactor()); this.viewer.world.getContentFactor());
this.viewer.forceRedraw(); this.viewer.forceRedraw();
@ -1066,9 +1062,10 @@ $.Viewport.prototype = {
// private // private
_viewportToImageDelta: function( viewerX, viewerY ) { _viewportToImageDelta: function( viewerX, viewerY ) {
var scale = this.homeBounds.width; var scale = this._contentBoundsNoRotate.width;
return new $.Point(viewerX * (this.contentSize.x / scale), return new $.Point(
viewerY * ((this.contentSize.y * this.contentAspectX) / scale)); viewerX * this._contentSizeNoRotate.x / scale,
viewerY * this._contentSizeNoRotate.x / scale);
}, },
/** /**
@ -1092,14 +1089,17 @@ $.Viewport.prototype = {
$.console.error('[Viewport.viewportToImageCoordinates] is not accurate with multi-image; use TiledImage.viewportToImageCoordinates instead.'); $.console.error('[Viewport.viewportToImageCoordinates] is not accurate with multi-image; use TiledImage.viewportToImageCoordinates instead.');
} }
return this._viewportToImageDelta(viewerX - this.homeBounds.x, viewerY - this.homeBounds.y); return this._viewportToImageDelta(
viewerX - this._contentBoundsNoRotate.x,
viewerY - this._contentBoundsNoRotate.y);
}, },
// private // private
_imageToViewportDelta: function( imageX, imageY ) { _imageToViewportDelta: function( imageX, imageY ) {
var scale = this.homeBounds.width; var scale = this._contentBoundsNoRotate.width;
return new $.Point((imageX / this.contentSize.x) * scale, return new $.Point(
(imageY / this.contentSize.y / this.contentAspectX) * scale); imageX / this._contentSizeNoRotate.x * scale,
imageY / this._contentSizeNoRotate.x * scale);
}, },
/** /**
@ -1124,8 +1124,8 @@ $.Viewport.prototype = {
} }
var point = this._imageToViewportDelta(imageX, imageY); var point = this._imageToViewportDelta(imageX, imageY);
point.x += this.homeBounds.x; point.x += this._contentBoundsNoRotate.x;
point.y += this.homeBounds.y; point.y += this._contentBoundsNoRotate.y;
return point; return point;
}, },
@ -1301,9 +1301,9 @@ $.Viewport.prototype = {
$.console.error('[Viewport.viewportToImageZoom] is not accurate with multi-image.'); $.console.error('[Viewport.viewportToImageZoom] is not accurate with multi-image.');
} }
var imageWidth = this.contentSize.x; var imageWidth = this._contentSizeNoRotate.x;
var containerWidth = this._containerInnerSize.x; var containerWidth = this._containerInnerSize.x;
var scale = this.homeBounds.width; var scale = this._contentBoundsNoRotate.width;
var viewportToImageZoomRatio = (containerWidth / imageWidth) * scale; var viewportToImageZoomRatio = (containerWidth / imageWidth) * scale;
return viewportZoom * viewportToImageZoomRatio; return viewportZoom * viewportToImageZoomRatio;
}, },
@ -1325,9 +1325,9 @@ $.Viewport.prototype = {
$.console.error('[Viewport.imageToViewportZoom] is not accurate with multi-image.'); $.console.error('[Viewport.imageToViewportZoom] is not accurate with multi-image.');
} }
var imageWidth = this.contentSize.x; var imageWidth = this._contentSizeNoRotate.x;
var containerWidth = this._containerInnerSize.x; var containerWidth = this._containerInnerSize.x;
var scale = this.homeBounds.width; var scale = this._contentBoundsNoRotate.width;
var viewportToImageZoomRatio = (imageWidth / containerWidth) / scale; var viewportToImageZoomRatio = (imageWidth / containerWidth) / scale;
return imageZoom * viewportToImageZoomRatio; return imageZoom * viewportToImageZoomRatio;
} }

12
test/modules/navigator.js
View File

@ -78,9 +78,11 @@
if (navigator === null) { if (navigator === null) {
navigator = $(".navigator"); navigator = $(".navigator");
navigatorScaleFactor = Math.min(navigator.width() / viewer.viewport.contentSize.x, navigator.height() / viewer.viewport.contentSize.y); navigatorScaleFactor = Math.min(
displayRegionWidth = viewer.viewport.contentSize.x * navigatorScaleFactor; navigator.width() / viewer.viewport._contentSize.x,
displayRegionHeight = viewer.viewport.contentSize.y * navigatorScaleFactor; navigator.height() / viewer.viewport._contentSize.y);
displayRegionWidth = viewer.viewport._contentSize.x * navigatorScaleFactor;
displayRegionHeight = viewer.viewport._contentSize.y * navigatorScaleFactor;
contentStartFromLeft = (navigator.width() - displayRegionWidth) / 2; contentStartFromLeft = (navigator.width() - displayRegionWidth) / 2;
contentStartFromTop = (navigator.height() - displayRegionHeight) / 2; contentStartFromTop = (navigator.height() - displayRegionHeight) / 2;
} }
@ -91,8 +93,8 @@
regionBoundsInPoints = new OpenSeadragon.Rect(expectedDisplayRegionXLocation, expectedDisplayRegionYLocation, expectedDisplayRegionWidth, expectedDisplayRegionHeight); regionBoundsInPoints = new OpenSeadragon.Rect(expectedDisplayRegionXLocation, expectedDisplayRegionYLocation, expectedDisplayRegionWidth, expectedDisplayRegionHeight);
if (debug) { if (debug) {
console.log('Image width: ' + viewer.viewport.contentSize.x + '\n' + console.log('Image width: ' + viewer.viewport._contentSize.x + '\n' +
'Image height: ' + viewer.viewport.contentSize.y + '\n' + 'Image height: ' + viewer.viewport._contentSize.y + '\n' +
'navigator.width(): ' + navigator.width() + '\n' + 'navigator.width(): ' + navigator.width() + '\n' +
'navigator.height(): ' + navigator.height() + '\n' + 'navigator.height(): ' + navigator.height() + '\n' +
'navigatorScaleFactor: ' + navigatorScaleFactor + '\n' + 'navigatorScaleFactor: ' + navigatorScaleFactor + '\n' +

2
test/modules/viewport.js
View File

@ -305,7 +305,7 @@
var rect = testRects[i].times(viewport.getContainerSize()); var rect = testRects[i].times(viewport.getContainerSize());
viewport.resetContentSize(rect.getSize()); viewport.resetContentSize(rect.getSize());
propEqual( propEqual(
viewport.contentSize, viewport._contentSize,
rect.getSize(), rect.getSize(),
"Reset content size correctly." "Reset content size correctly."
); );