mirror/openseadragon
1
0
Fork 0
mirror of https://github.com/openseadragon/openseadragon.git synced 2025-04-03 13:53:31 +03:00
Code Issues Projects Releases Wiki Activity

Exposed Zoom In and Out methods for end users

Browse source
This commit is contained in:
achu1998 2025-03-29 13:33:25 +10:30
parent 8f093f54df
commit 12de02938a
1 changed files with 68 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

117
src/viewer.js
View file

@ -2005,11 +2005,11 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype,
//////////////////////////////////////////////////////////////////////////
// Navigation Controls
//////////////////////////////////////////////////////////////////////////
var beginZoomingInHandler = $.delegate( this, beginZoomingIn ),
endZoomingHandler = $.delegate( this, endZooming ),
doSingleZoomInHandler = $.delegate( this, doSingleZoomIn ),
beginZoomingOutHandler = $.delegate( this, beginZoomingOut ),
doSingleZoomOutHandler = $.delegate( this, doSingleZoomOut ),
var beginZoomingInHandler = $.delegate( this, this.beginZoomingIn ),
endZoomingHandler = $.delegate( this, this.endZooming ),
doSingleZoomInHandler = $.delegate( this, this.doSingleZoomIn ),
beginZoomingOutHandler = $.delegate( this, this.beginZoomingOut ),
doSingleZoomOutHandler = $.delegate( this, this.doSingleZoomOut ),
onHomeHandler = $.delegate( this, onHome ),
onFullScreenHandler = $.delegate( this, onFullScreen ),
onRotateLeftHandler = $.delegate( this, onRotateLeft ),
@ -2625,6 +2625,69 @@ $.extend( $.Viewer.prototype, $.EventSource.prototype, $.ControlDock.prototype,
isAnimating: function () {
return THIS[ this.hash ].animating;
},
/**
* Starts continuous zoom-in animation (typically bound to mouse-down on the zoom-in button).
* @function
* @memberof OpenSeadragon.Viewer.prototype
*/
beginZoomingIn: function () {
THIS[ this.hash ].lastZoomTime = $.now();
THIS[ this.hash ].zoomFactor = this.zoomPerSecond;
THIS[ this.hash ].zooming = true;
scheduleZoom( this );
},
/**
* Starts continuous zoom-out animation (typically bound to mouse-down on the zoom-out button).
* @function
* @memberof OpenSeadragon.Viewer.prototype
*/
beginZoomingOut: function () {
THIS[ this.hash ].lastZoomTime = $.now();
THIS[ this.hash ].zoomFactor = 1.0 / this.zoomPerSecond;
THIS[ this.hash ].zooming = true;
scheduleZoom( this );
},
/**
* Stops any continuous zoom animation (typically bound to mouse-up/leave events on a button).
* @function
* @memberof OpenSeadragon.Viewer.prototype
*/
endZooming: function () {
THIS[ this.hash ].zooming = false;
},
/**
* Performs single-step zoom-in operation (typically bound to click/enter on the zoom-in button).
* @function
* @memberof OpenSeadragon.Viewer.prototype
*/
doSingleZoomIn: function () {
if ( this.viewport ) {
THIS[ this.hash ].zooming = false;
this.viewport.zoomBy(
this.zoomPerClick / 1.0
);
this.viewport.applyConstraints();
}
},
/**
* Performs single-step zoom-out operation (typically bound to click/enter on the zoom-out button).
* @function
* @memberof OpenSeadragon.Viewer.prototype
*/
doSingleZoomOut: function () {
if ( this.viewport ) {
THIS[ this.hash ].zooming = false;
this.viewport.zoomBy(
1.0 / this.zoomPerClick
);
this.viewport.applyConstraints();
}
},
});
@ -3957,28 +4020,6 @@ function resolveUrl( prefix, url ) {
}
function beginZoomingIn() {
THIS[ this.hash ].lastZoomTime = $.now();
THIS[ this.hash ].zoomFactor = this.zoomPerSecond;
THIS[ this.hash ].zooming = true;
scheduleZoom( this );
}
function beginZoomingOut() {
THIS[ this.hash ].lastZoomTime = $.now();
THIS[ this.hash ].zoomFactor = 1.0 / this.zoomPerSecond;
THIS[ this.hash ].zooming = true;
scheduleZoom( this );
}
function endZooming() {
THIS[ this.hash ].zooming = false;
}
function scheduleZoom( viewer ) {
$.requestAnimationFrame( $.delegate( viewer, doZoom ) );
}
@ -4002,28 +4043,6 @@ function doZoom() {
}
function doSingleZoomIn() {
if ( this.viewport ) {
THIS[ this.hash ].zooming = false;
this.viewport.zoomBy(
this.zoomPerClick / 1.0
);
this.viewport.applyConstraints();
}
}
function doSingleZoomOut() {
if ( this.viewport ) {
THIS[ this.hash ].zooming = false;
this.viewport.zoomBy(
1.0 / this.zoomPerClick
);
this.viewport.applyConstraints();
}
}
function lightUp() {
if (this.buttonGroup) {
this.buttonGroup.emulateEnter();