Merge branch 'collections' into ian

This commit is contained in:
Ian Gilman 2014-08-07 10:06:44 -07:00
commit b43ac582dc
10 changed files with 168 additions and 164 deletions

View File

@ -10,6 +10,8 @@ OPENSEADRAGON CHANGELOG
* Fix for IIPServer-style urls when using DZI (#413) * Fix for IIPServer-style urls when using DZI (#413)
* Fix memory leak while destroying the viewer (#421) * Fix memory leak while destroying the viewer (#421)
* Added fitBoundsWithConstraints() to the viewport (#423) * Added fitBoundsWithConstraints() to the viewport (#423)
* Fixed MouseTracker cross-browser issues with tracking pointers over and out of the tracked element (pull request #448, fix for #152, #404, #420, and #427)
* Fixed incorrect flick direction after image is rotated (#452)
1.1.1: 1.1.1:

View File

@ -137,6 +137,7 @@ $.Button = function( options ) {
this.tooltip; this.tooltip;
this.element.style.position = "relative"; this.element.style.position = "relative";
$.setElementTouchActionNone( this.element );
this.imgGroup.style.position = this.imgGroup.style.position =
this.imgHover.style.position = this.imgHover.style.position =

View File

@ -80,6 +80,8 @@ $.ButtonGroup = function( options ) {
} }
} }
$.setElementTouchActionNone( this.element );
/** /**
* Tracks mouse/touch/key events accross the group of buttons. * Tracks mouse/touch/key events accross the group of buttons.
* @member {OpenSeadragon.MouseTracker} tracker * @member {OpenSeadragon.MouseTracker} tracker

View File

@ -98,9 +98,9 @@ $.IIIFTileSource = function( options ){
} }
if ( !options.maxLevel ) { if ( !options.maxLevel ) {
if ( !this.scale_factors ) { if ( !this.scale_factors ) {
options.maxLevel = Number( Math.ceil( Math.log( Math.max( this.width, this.height ), 2 ) ) ); options.maxLevel = Number( Math.ceil( Math.log( Math.max( this.width, this.height ), 2 ) ) );
} else { } else {
options.maxLevel = Math.floor( Math.pow( Math.max.apply(null, this.scale_factors), 0.5) ); options.maxLevel = Math.floor( Math.pow( Math.max.apply(null, this.scale_factors), 0.5) );
} }
} }
@ -128,7 +128,7 @@ $.extend( $.IIIFTileSource.prototype, $.TileSource.prototype, /** @lends OpenSea
return true; return true;
// Version 1.0 // Version 1.0
} else if ( data.profile && } else if ( data.profile &&
data.profile.indexOf("http://library.stanford.edu/iiif/image-api/compliance.html") === 0) { data.profile.indexOf("http://library.stanford.edu/iiif/image-api/compliance.html") === 0) {
return true; return true;
} else if ( data.identifier && data.width && data.height ) { } else if ( data.identifier && data.width && data.height ) {
@ -166,7 +166,7 @@ $.extend( $.IIIFTileSource.prototype, $.TileSource.prototype, /** @lends OpenSea
configure: function( data, url ){ configure: function( data, url ){
// Try to deduce our version and fake it upwards if needed // Try to deduce our version and fake it upwards if needed
if ( !$.isPlainObject(data) ) { if ( !$.isPlainObject(data) ) {
var options = configureFromXml10( data ); var options = configureFromXml10( data );
options['@context'] = "http://iiif.io/api/image/1.0/context.json"; options['@context'] = "http://iiif.io/api/image/1.0/context.json";
options['@id'] = url.replace('/info.xml', ''); options['@id'] = url.replace('/info.xml', '');
return options; return options;

View File

@ -122,28 +122,28 @@
* @member {Number} clickTimeThreshold * @member {Number} clickTimeThreshold
* @memberof OpenSeadragon.MouseTracker# * @memberof OpenSeadragon.MouseTracker#
*/ */
this.clickTimeThreshold = options.clickTimeThreshold; this.clickTimeThreshold = options.clickTimeThreshold || $.DEFAULT_SETTINGS.clickTimeThreshold;
/** /**
* The maximum distance allowed between a pointer down event and a pointer up event * The maximum distance allowed between a pointer down event and a pointer up event
* to be treated as a click gesture. * to be treated as a click gesture.
* @member {Number} clickDistThreshold * @member {Number} clickDistThreshold
* @memberof OpenSeadragon.MouseTracker# * @memberof OpenSeadragon.MouseTracker#
*/ */
this.clickDistThreshold = options.clickDistThreshold; this.clickDistThreshold = options.clickDistThreshold || $.DEFAULT_SETTINGS.clickDistThreshold;
/** /**
* The number of milliseconds within which two pointer down-up event combinations * The number of milliseconds within which two pointer down-up event combinations
* will be treated as a double-click gesture. * will be treated as a double-click gesture.
* @member {Number} dblClickTimeThreshold * @member {Number} dblClickTimeThreshold
* @memberof OpenSeadragon.MouseTracker# * @memberof OpenSeadragon.MouseTracker#
*/ */
this.dblClickTimeThreshold = options.dblClickTimeThreshold; this.dblClickTimeThreshold = options.dblClickTimeThreshold || $.DEFAULT_SETTINGS.dblClickTimeThreshold;
/** /**
* The maximum distance allowed between two pointer click events * The maximum distance allowed between two pointer click events
* to be treated as a click gesture. * to be treated as a click gesture.
* @member {Number} clickDistThreshold * @member {Number} clickDistThreshold
* @memberof OpenSeadragon.MouseTracker# * @memberof OpenSeadragon.MouseTracker#
*/ */
this.dblClickDistThreshold = options.dblClickDistThreshold; this.dblClickDistThreshold = options.dblClickDistThreshold || $.DEFAULT_SETTINGS.dblClickDistThreshold;
this.userData = options.userData || null; this.userData = options.userData || null;
this.stopDelay = options.stopDelay || 50; this.stopDelay = options.stopDelay || 50;
@ -187,8 +187,6 @@
mouseover: function ( event ) { onMouseOver( _this, event ); }, mouseover: function ( event ) { onMouseOver( _this, event ); },
mouseout: function ( event ) { onMouseOut( _this, event ); }, mouseout: function ( event ) { onMouseOut( _this, event ); },
mouseenter: function ( event ) { onMouseEnter( _this, event ); },
mouseleave: function ( event ) { onMouseLeave( _this, event ); },
mousedown: function ( event ) { onMouseDown( _this, event ); }, mousedown: function ( event ) { onMouseDown( _this, event ); },
mouseup: function ( event ) { onMouseUp( _this, event ); }, mouseup: function ( event ) { onMouseUp( _this, event ); },
mouseupcaptured: function ( event ) { onMouseUpCaptured( _this, event ); }, mouseupcaptured: function ( event ) { onMouseUpCaptured( _this, event ); },
@ -205,10 +203,10 @@
gesturestart: function ( event ) { onGestureStart( _this, event ); }, gesturestart: function ( event ) { onGestureStart( _this, event ); },
gesturechange: function ( event ) { onGestureChange( _this, event ); }, gesturechange: function ( event ) { onGestureChange( _this, event ); },
pointerenter: function ( event ) { onPointerEnter( _this, event ); }, pointerover: function ( event ) { onPointerOver( _this, event ); },
MSPointerEnter: function ( event ) { onPointerEnter( _this, event ); }, MSPointerOver: function ( event ) { onPointerOver( _this, event ); },
pointerleave: function ( event ) { onPointerLeave( _this, event ); }, pointerout: function ( event ) { onPointerOut( _this, event ); },
MSPointerLeave: function ( event ) { onPointerLeave( _this, event ); }, MSPointerOut: function ( event ) { onPointerOut( _this, event ); },
pointerdown: function ( event ) { onPointerDown( _this, event ); }, pointerdown: function ( event ) { onPointerDown( _this, event ); },
MSPointerDown: function ( event ) { onPointerDown( _this, event ); }, MSPointerDown: function ( event ) { onPointerDown( _this, event ); },
pointerup: function ( event ) { onPointerUp( _this, event ); }, pointerup: function ( event ) { onPointerUp( _this, event ); },
@ -217,6 +215,8 @@
MSPointerMove: function ( event ) { onPointerMove( _this, event ); }, MSPointerMove: function ( event ) { onPointerMove( _this, event ); },
pointercancel: function ( event ) { onPointerCancel( _this, event ); }, pointercancel: function ( event ) { onPointerCancel( _this, event ); },
MSPointerCancel: function ( event ) { onPointerCancel( _this, event ); }, MSPointerCancel: function ( event ) { onPointerCancel( _this, event ); },
pointerupcaptured: function ( event ) { onPointerUpCaptured( _this, event ); },
pointermovecaptured: function ( event ) { onPointerMoveCaptured( _this, event ); },
tracking: false, tracking: false,
@ -226,9 +226,12 @@
// of the element (for hover-capable devices) and/or have contact or a button press initiated in the element. // of the element (for hover-capable devices) and/or have contact or a button press initiated in the element.
activePointersLists: [], activePointersLists: [],
// Legacy mouse event tracking // Legacy mouse capture tracking
capturing: false, capturing: false,
// Pointer event model capture tracking
pointerCaptureCount: 0,
// Tracking for double-click gesture // Tracking for double-click gesture
lastClickPos: null, lastClickPos: null,
dblClickTimeOut: null, dblClickTimeOut: null,
@ -816,29 +819,28 @@
if ( window.PointerEvent ) { if ( window.PointerEvent ) {
// IE11 and other W3C Pointer Event implementations (see http://www.w3.org/TR/pointerevents) // IE11 and other W3C Pointer Event implementations (see http://www.w3.org/TR/pointerevents)
$.MouseTracker.subscribeEvents.push( "pointerenter", "pointerleave", "pointerdown", "pointerup", "pointermove", "pointercancel" ); $.MouseTracker.subscribeEvents.push( "pointerover", "pointerout", "pointerdown", "pointerup", "pointermove", "pointercancel" );
$.MouseTracker.unprefixedPointerEvents = true; $.MouseTracker.unprefixedPointerEvents = true;
if( navigator.maxTouchPoints ) { if( navigator.maxTouchPoints ) {
$.MouseTracker.maxTouchPoints = navigator.maxTouchPoints; $.MouseTracker.maxTouchPoints = navigator.maxTouchPoints;
} else { } else {
$.MouseTracker.maxTouchPoints = 0; $.MouseTracker.maxTouchPoints = 0;
} }
$.MouseTracker.haveTouchEnter = true; $.MouseTracker.haveTouchEnter = false;
$.MouseTracker.haveMouseEnter = true; $.MouseTracker.haveMouseEnter = false;
} else if ( window.MSPointerEvent ) { } else if ( window.MSPointerEvent ) {
// IE10 // IE10
$.MouseTracker.subscribeEvents.push( "MSPointerEnter", "MSPointerLeave", "MSPointerDown", "MSPointerUp", "MSPointerMove", "MSPointerCancel" ); $.MouseTracker.subscribeEvents.push( "MSPointerOver", "MSPointerOut", "MSPointerDown", "MSPointerUp", "MSPointerMove", "MSPointerCancel" );
$.MouseTracker.unprefixedPointerEvents = false; $.MouseTracker.unprefixedPointerEvents = false;
if( navigator.msMaxTouchPoints ) { if( navigator.msMaxTouchPoints ) {
$.MouseTracker.maxTouchPoints = navigator.msMaxTouchPoints; $.MouseTracker.maxTouchPoints = navigator.msMaxTouchPoints;
} else { } else {
$.MouseTracker.maxTouchPoints = 0; $.MouseTracker.maxTouchPoints = 0;
} }
$.MouseTracker.haveTouchEnter = true; $.MouseTracker.haveTouchEnter = false;
$.MouseTracker.haveMouseEnter = true; $.MouseTracker.haveMouseEnter = false;
} else { } else {
// Legacy W3C mouse events // Legacy W3C mouse events
// TODO: Favor mouseenter/mouseleave over mouseover/mouseout when Webkit browser support is better
$.MouseTracker.subscribeEvents.push( "mouseover", "mouseout", "mousedown", "mouseup", "mousemove" ); $.MouseTracker.subscribeEvents.push( "mouseover", "mouseout", "mousedown", "mouseup", "mousemove" );
$.MouseTracker.haveMouseEnter = false; $.MouseTracker.haveMouseEnter = false;
if ( 'ontouchstart' in window ) { if ( 'ontouchstart' in window ) {
@ -1072,73 +1074,66 @@
); );
} }
releaseMouse( tracker );
delegate.tracking = false; delegate.tracking = false;
} }
} }
/** /**
* Begin capturing mouse events to the tracked element (legacy mouse events only). * Begin capturing pointer events to the tracked element.
* @private * @private
* @inner * @inner
*/ */
function captureMouse( tracker ) { function capturePointer( tracker, isLegacyMouse ) {
var delegate = THIS[ tracker.hash ]; var delegate = THIS[ tracker.hash ];
if ( !delegate.capturing ) { delegate.pointerCaptureCount++;
if ( $.MouseTracker.supportsMouseCapture ) { //$.console.log('pointerCaptureCount++ ', delegate.pointerCaptureCount);
// IE<10, Firefox, other browsers with setCapture()/releaseCapture()
tracker.element.setCapture( true ); if ( delegate.pointerCaptureCount === 1 ) {
} else { // We emulate mouse capture by hanging listeners on the window object.
// For browsers without setCapture()/releaseCapture(), we emulate mouse capture by hanging listeners on the window object. // (Note we listen on the capture phase so the captured handlers will get called first)
// (Note we listen on the capture phase so the captured handlers will get called first) $.addEvent(
$.addEvent( window,
window, isLegacyMouse ? 'mouseup' : ($.MouseTracker.unprefixedPointerEvents ? 'pointerup' : 'MSPointerUp'),
"mouseup", isLegacyMouse ? delegate.mouseupcaptured : delegate.pointerupcaptured,
delegate.mouseupcaptured, true
true );
); $.addEvent(
$.addEvent( window,
window, isLegacyMouse ? 'mousemove' : ($.MouseTracker.unprefixedPointerEvents ? 'pointermove' : 'MSPointerMove'),
"mousemove", isLegacyMouse ? delegate.mousemovecaptured : delegate.pointermovecaptured,
delegate.mousemovecaptured, true
true );
);
}
delegate.capturing = true;
} }
} }
/** /**
* Stop capturing mouse events to the tracked element (legacy mouse events only). * Stop capturing pointer events to the tracked element.
* @private * @private
* @inner * @inner
*/ */
function releaseMouse( tracker ) { function releasePointer( tracker, isLegacyMouse ) {
var delegate = THIS[ tracker.hash ]; var delegate = THIS[ tracker.hash ];
if ( delegate.capturing ) { delegate.pointerCaptureCount--;
if ( $.MouseTracker.supportsMouseCapture ) { //$.console.log('pointerCaptureCount-- ', delegate.pointerCaptureCount);
// IE<10, Firefox, other browsers with setCapture()/releaseCapture()
tracker.element.releaseCapture(); if ( delegate.pointerCaptureCount === 0 ) {
} else { // We emulate mouse capture by hanging listeners on the window object.
// For browsers without setCapture()/releaseCapture(), we emulate mouse capture by hanging listeners on the window object. // (Note we listen on the capture phase so the captured handlers will get called first)
// (Note we listen on the capture phase so the captured handlers will get called first) $.removeEvent(
$.removeEvent( window,
window, isLegacyMouse ? 'mousemove' : ($.MouseTracker.unprefixedPointerEvents ? 'pointermove' : 'MSPointerMove'),
"mousemove", isLegacyMouse ? delegate.mousemovecaptured : delegate.pointermovecaptured,
delegate.mousemovecaptured, true
true );
); $.removeEvent(
$.removeEvent( window,
window, isLegacyMouse ? 'mouseup' : ($.MouseTracker.unprefixedPointerEvents ? 'pointerup' : 'MSPointerUp'),
"mouseup", isLegacyMouse ? delegate.mouseupcaptured : delegate.pointerupcaptured,
delegate.mouseupcaptured, true
true );
);
}
delegate.capturing = false;
} }
} }
@ -1421,7 +1416,7 @@
event = $.getEvent( event ); event = $.getEvent( event );
if ( this === event.relatedTarget || isParentChild( this, event.relatedTarget ) ) { if ( this === event.relatedTarget || isParentChild( event.currentTarget, event.relatedTarget ) ) {
return; return;
} }
@ -1446,7 +1441,7 @@
event = $.getEvent( event ); event = $.getEvent( event );
if ( this === event.relatedTarget || isParentChild( this, event.relatedTarget ) ) { if ( this === event.relatedTarget || isParentChild( event.currentTarget, event.relatedTarget ) ) {
return; return;
} }
@ -1462,48 +1457,6 @@
} }
/**
* @private
* @inner
*/
function onMouseEnter( tracker, event ) {
var gPoint;
event = $.getEvent( event );
gPoint = {
id: $.MouseTracker.mousePointerId,
type: 'mouse',
isPrimary: true,
currentPos: getMouseAbsolute( event ),
currentTime: $.now()
};
updatePointersEnter( tracker, event, [ gPoint ] );
}
/**
* @private
* @inner
*/
function onMouseLeave( tracker, event ) {
var gPoint;
event = $.getEvent( event );
gPoint = {
id: $.MouseTracker.mousePointerId,
type: 'mouse',
isPrimary: true,
currentPos: getMouseAbsolute( event ),
currentTime: $.now()
};
updatePointersExit( tracker, event, [ gPoint ] );
}
/** /**
* @private * @private
* @inner * @inner
@ -1523,7 +1476,7 @@
if ( updatePointersDown( tracker, event, [ gPoint ], event.button ) ) { if ( updatePointersDown( tracker, event, [ gPoint ], event.button ) ) {
$.stopEvent( event ); $.stopEvent( event );
captureMouse( tracker ); capturePointer( tracker, true );
} }
if ( tracker.clickHandler || tracker.dblClickHandler || tracker.pressHandler || tracker.dragHandler || tracker.dragEndHandler ) { if ( tracker.clickHandler || tracker.dblClickHandler || tracker.pressHandler || tracker.dragHandler || tracker.dragEndHandler ) {
@ -1542,8 +1495,6 @@
/** /**
* This handler is attached to the window object (on the capture phase) to emulate mouse capture. * This handler is attached to the window object (on the capture phase) to emulate mouse capture.
* Only triggered in W3C browsers that don't have setCapture/releaseCapture
* methods or don't support the new pointer events model.
* onMouseUp is still attached to the tracked element, so stop propagation to avoid processing twice. * onMouseUp is still attached to the tracked element, so stop propagation to avoid processing twice.
* *
* @private * @private
@ -1573,7 +1524,7 @@
}; };
if ( updatePointersUp( tracker, event, [ gPoint ], event.button ) ) { if ( updatePointersUp( tracker, event, [ gPoint ], event.button ) ) {
releaseMouse( tracker ); releasePointer( tracker, true );
} }
} }
@ -1589,8 +1540,6 @@
/** /**
* This handler is attached to the window object (on the capture phase) to emulate mouse capture. * This handler is attached to the window object (on the capture phase) to emulate mouse capture.
* Only triggered in W3C browsers that don't have setCapture/releaseCapture
* methods or don't support the new pointer events model.
* onMouseMove is still attached to the tracked element, so stop propagation to avoid processing twice. * onMouseMove is still attached to the tracked element, so stop propagation to avoid processing twice.
* *
* @private * @private
@ -1810,9 +1759,13 @@
* @private * @private
* @inner * @inner
*/ */
function onPointerEnter( tracker, event ) { function onPointerOver( tracker, event ) {
var gPoint; var gPoint;
if ( this === event.relatedTarget || isParentChild( event.currentTarget, event.relatedTarget ) ) {
return;
}
gPoint = { gPoint = {
id: event.pointerId, id: event.pointerId,
type: getPointerType( event ), type: getPointerType( event ),
@ -1829,9 +1782,13 @@
* @private * @private
* @inner * @inner
*/ */
function onPointerLeave( tracker, event ) { function onPointerOut( tracker, event ) {
var gPoint; var gPoint;
if ( this === event.relatedTarget || isParentChild( event.currentTarget, event.relatedTarget ) ) {
return;
}
gPoint = { gPoint = {
id: event.pointerId, id: event.pointerId,
type: getPointerType( event ), type: getPointerType( event ),
@ -1860,11 +1817,7 @@
}; };
if ( updatePointersDown( tracker, event, [ gPoint ], event.button ) ) { if ( updatePointersDown( tracker, event, [ gPoint ], event.button ) ) {
if ( $.MouseTracker.unprefixedPointerEvents ) { capturePointer( tracker, false );
event.currentTarget.setPointerCapture( event.pointerId );
} else {
event.currentTarget.msSetPointerCapture( event.pointerId );
}
$.stopEvent( event ); $.stopEvent( event );
} }
@ -1879,6 +1832,31 @@
* @inner * @inner
*/ */
function onPointerUp( tracker, event ) { function onPointerUp( tracker, event ) {
handlePointerUp( tracker, event );
}
/**
* This handler is attached to the window object (on the capture phase) to emulate mouse capture.
* onPointerUp is still attached to the tracked element, so stop propagation to avoid processing twice.
*
* @private
* @inner
*/
function onPointerUpCaptured( tracker, event ) {
var pointsList = tracker.getActivePointersListByType( getPointerType( event ) );
if ( pointsList.getById( event.pointerId ) ) {
handlePointerUp( tracker, event );
}
$.stopEvent( event );
}
/**
* @private
* @inner
*/
function handlePointerUp( tracker, event ) {
var gPoint; var gPoint;
gPoint = { gPoint = {
@ -1890,11 +1868,8 @@
}; };
if ( updatePointersUp( tracker, event, [ gPoint ], event.button ) ) { if ( updatePointersUp( tracker, event, [ gPoint ], event.button ) ) {
if ( $.MouseTracker.unprefixedPointerEvents ) { releasePointer( tracker, false );
event.currentTarget.releasePointerCapture( event.pointerId ); //$.stopEvent( event );
} else {
event.currentTarget.msReleasePointerCapture( event.pointerId );
}
} }
} }
@ -1904,6 +1879,31 @@
* @inner * @inner
*/ */
function onPointerMove( tracker, event ) { function onPointerMove( tracker, event ) {
handlePointerMove( tracker, event );
}
/**
* This handler is attached to the window object (on the capture phase) to emulate mouse capture.
* onPointerMove is still attached to the tracked element, so stop propagation to avoid processing twice.
*
* @private
* @inner
*/
function onPointerMoveCaptured( tracker, event ) {
var pointsList = tracker.getActivePointersListByType( getPointerType( event ) );
if ( pointsList.getById( event.pointerId ) ) {
handlePointerMove( tracker, event );
}
$.stopEvent( event );
}
/**
* @private
* @inner
*/
function handlePointerMove( tracker, event ) {
// Pointer changed coordinates, button state, pressure, tilt, or contact geometry (e.g. width and height) // Pointer changed coordinates, button state, pressure, tilt, or contact geometry (e.g. width and height)
var gPoint; var gPoint;
@ -2216,6 +2216,7 @@
} }
pointsList.contacts++; pointsList.contacts++;
//$.console.log('contacts++ ', pointsList.contacts);
if ( tracker.dragHandler || tracker.dragEndHandler || tracker.pinchHandler ) { if ( tracker.dragHandler || tracker.dragEndHandler || tracker.pinchHandler ) {
$.MouseTracker.gesturePointVelocityTracker.addPoint( tracker, curGPoint ); $.MouseTracker.gesturePointVelocityTracker.addPoint( tracker, curGPoint );
@ -2342,6 +2343,7 @@
// Pointer was activated in our element but could have been removed in any element since events are captured to our element // Pointer was activated in our element but could have been removed in any element since events are captured to our element
pointsList.contacts--; pointsList.contacts--;
//$.console.log('contacts-- ', pointsList.contacts);
if ( tracker.dragHandler || tracker.dragEndHandler || tracker.pinchHandler ) { if ( tracker.dragHandler || tracker.dragEndHandler || tracker.pinchHandler ) {
$.MouseTracker.gesturePointVelocityTracker.removePoint( tracker, updateGPoint ); $.MouseTracker.gesturePointVelocityTracker.removePoint( tracker, updateGPoint );

View File

@ -112,6 +112,8 @@ $.Navigator = function( options ){
options.minPixelRatio = this.minPixelRatio = viewer.minPixelRatio; options.minPixelRatio = this.minPixelRatio = viewer.minPixelRatio;
$.setElementTouchActionNone( this.element );
this.borderWidth = 2; this.borderWidth = 2;
//At some browser magnification levels the display regions lines up correctly, but at some there appears to //At some browser magnification levels the display regions lines up correctly, but at some there appears to
//be a one pixel gap. //be a one pixel gap.
@ -315,17 +317,9 @@ $.extend( $.Navigator.prototype, $.EventSource.prototype, $.Viewer.prototype, /*
* @function * @function
*/ */
function onCanvasClick( event ) { function onCanvasClick( event ) {
var newBounds, if ( event.quick && this.viewer.viewport ) {
viewerPosition, this.viewer.viewport.panTo( this.viewport.pointFromPixel( event.position ) );
dimensions; this.viewer.viewport.applyConstraints();
if (! this.drag) {
if ( this.viewer.viewport ) {
this.viewer.viewport.panTo( this.viewport.pointFromPixel( event.position ) );
this.viewer.viewport.applyConstraints();
}
}
else {
this.drag = false;
} }
} }
@ -336,7 +330,6 @@ function onCanvasClick( event ) {
*/ */
function onCanvasDrag( event ) { function onCanvasDrag( event ) {
if ( this.viewer.viewport ) { if ( this.viewer.viewport ) {
this.drag = true;
if( !this.panHorizontal ){ if( !this.panHorizontal ){
event.delta.x = 0; event.delta.x = 0;
} }

View File

@ -1579,6 +1579,21 @@ window.OpenSeadragon = window.OpenSeadragon || function( options ){
}, },
/**
* Sets the specified element's touch-action style attribute to 'none'.
* @function
* @param {Element|String} element
*/
setElementTouchActionNone: function( element ) {
element = $.getElement( element );
if ( typeof element.style.touchAction !== 'undefined' ) {
element.style.touchAction = 'none';
} else if ( typeof element.style.msTouchAction !== 'undefined' ) {
element.style.msTouchAction = 'none';
}
},
/** /**
* Add the specified CSS class to the element if not present. * Add the specified CSS class to the element if not present.
* @function * @function
@ -2153,7 +2168,7 @@ window.OpenSeadragon = window.OpenSeadragon || function( options ){
) )
); );
} else { } else {
regex = new RegExp( "Trident/.*rv:([0-9]{1,}[.0-9]{0,}) "); regex = new RegExp( "Trident/.*rv:([0-9]{1,}[.0-9]{0,})");
if ( regex.exec( ua ) !== null ) { if ( regex.exec( ua ) !== null ) {
$.Browser.vendor = $.BROWSERS.IE; $.Browser.vendor = $.BROWSERS.IE;
$.Browser.version = parseFloat( RegExp.$1 ); $.Browser.version = parseFloat( RegExp.$1 );

View File

@ -114,6 +114,8 @@ $.ReferenceStrip = function ( options ) {
style.background = '#000'; style.background = '#000';
style.position = 'relative'; style.position = 'relative';
$.setElementTouchActionNone( this.element );
$.setElementOpacity( this.element, 0.8 ); $.setElementOpacity( this.element, 0.8 );
this.viewer = viewer; this.viewer = viewer;
@ -189,6 +191,7 @@ $.ReferenceStrip = function ( options ) {
element.style.cssFloat = 'left'; //Firefox element.style.cssFloat = 'left'; //Firefox
element.style.styleFloat = 'left'; //IE element.style.styleFloat = 'left'; //IE
element.style.padding = '2px'; element.style.padding = '2px';
$.setElementTouchActionNone( element );
element.innerTracker = new $.MouseTracker( { element.innerTracker = new $.MouseTracker( {
element: element, element: element,

View File

@ -263,7 +263,7 @@ $.TileSource.prototype = /** @lends OpenSeadragon.TileSource.prototype */{
tiles; tiles;
for( i = this.minLevel; i < this.maxLevel; i++ ){ for( i = this.minLevel; i < this.maxLevel; i++ ){
tiles = this.getNumTiles( i ); tiles = this.getNumTiles( i );
tilesPerSide = Math.floor( Math.max( rect.x, rect.y ) / this.getTileSize(i) ); tilesPerSide = Math.floor( Math.max( rect.x, rect.y ) / this.getTileSize(i) );
if( Math.max( tiles.x, tiles.y ) + 1 >= tilesPerSide ){ if( Math.max( tiles.x, tiles.y ) + 1 >= tilesPerSide ){
break; break;
} }

View File

@ -275,13 +275,8 @@ $.Viewer = function( options ) {
style.position = "absolute"; style.position = "absolute";
style.top = "0px"; style.top = "0px";
style.left = "0px"; style.left = "0px";
// Disable browser default touch handling
if (style["touch-action"] !== undefined) {
style["touch-action"] = "none";
} else if (style["-ms-touch-action"] !== undefined) {
style["-ms-touch-action"] = "none";
}
}(this.canvas.style)); }(this.canvas.style));
$.setElementTouchActionNone( this.canvas );
//the container is created through applying the ControlDock constructor above //the container is created through applying the ControlDock constructor above
this.container.className = "openseadragon-container"; this.container.className = "openseadragon-container";
@ -2409,8 +2404,8 @@ function onCanvasDragEnd( event ) {
if ( !event.preventDefaultAction && this.viewport ) { if ( !event.preventDefaultAction && this.viewport ) {
gestureSettings = this.gestureSettingsByDeviceType( event.pointerType ); gestureSettings = this.gestureSettingsByDeviceType( event.pointerType );
if ( gestureSettings.flickEnabled && event.speed >= gestureSettings.flickMinSpeed ) { if ( gestureSettings.flickEnabled && event.speed >= gestureSettings.flickMinSpeed ) {
var amplitudeX = gestureSettings.flickMomentum * ( event.speed * Math.cos( event.direction ) ), var amplitudeX = gestureSettings.flickMomentum * ( event.speed * Math.cos( event.direction - (Math.PI / 180 * this.viewport.degrees) ) ),
amplitudeY = gestureSettings.flickMomentum * ( event.speed * Math.sin( event.direction ) ), amplitudeY = gestureSettings.flickMomentum * ( event.speed * Math.sin( event.direction - (Math.PI / 180 * this.viewport.degrees) ) ),
center = this.viewport.pixelFromPoint( this.viewport.getCenter( true ) ), center = this.viewport.pixelFromPoint( this.viewport.getCenter( true ) ),
target = this.viewport.pointFromPixel( new $.Point( center.x - amplitudeX, center.y - amplitudeY ) ); target = this.viewport.pointFromPixel( new $.Point( center.x - amplitudeX, center.y - amplitudeY ) );
if( !this.panHorizontal ) { if( !this.panHorizontal ) {
@ -2420,8 +2415,8 @@ function onCanvasDragEnd( event ) {
target.y = center.y; target.y = center.y;
} }
this.viewport.panTo( target, false ); this.viewport.panTo( target, false );
this.viewport.applyConstraints();
} }
this.viewport.applyConstraints();
} }
/** /**
* Raised when a mouse or touch drag operation ends on the {@link OpenSeadragon.Viewer#canvas} element. * Raised when a mouse or touch drag operation ends on the {@link OpenSeadragon.Viewer#canvas} element.
@ -2449,15 +2444,6 @@ function onCanvasDragEnd( event ) {
} }
function onCanvasRelease( event ) { function onCanvasRelease( event ) {
var gestureSettings;
if ( event.insideElementPressed && this.viewport ) {
gestureSettings = this.gestureSettingsByDeviceType( event.pointerType );
if ( !gestureSettings.flickEnabled ) {
this.viewport.applyConstraints();
}
}
/** /**
* Raised when the mouse button is released or touch ends on the {@link OpenSeadragon.Viewer#canvas} element. * Raised when the mouse button is released or touch ends on the {@link OpenSeadragon.Viewer#canvas} element.
* *