resize event tweaks for #2300
This commit is contained in:
parent
9c1615fff1
commit
812b802c1c
@ -994,10 +994,12 @@ Limitations:
|
|||||||
|
|
||||||
### Resize Event
|
### Resize Event
|
||||||
|
|
||||||
When reveal.js changes the scale of the slides it fires an resize event. You can subscribe to the event to resize your elements accordingly.
|
When reveal.js changes the scale of the slides it fires a resize event. You can subscribe to the event to resize your elements accordingly.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
Reveal.addEventListener( 'resize', function( event ) { /* console.log(event.scale,event.oldscale,event.size); */ } );
|
Reveal.addEventListener( 'resize', function( event ) {
|
||||||
|
// event.scale, event.oldScale, event.size
|
||||||
|
} );
|
||||||
```
|
```
|
||||||
|
|
||||||
### postMessage API
|
### postMessage API
|
||||||
|
@ -2097,6 +2097,8 @@
|
|||||||
|
|
||||||
var size = getComputedSlideSize();
|
var size = getComputedSlideSize();
|
||||||
|
|
||||||
|
var oldScale = scale;
|
||||||
|
|
||||||
// Layout the contents of the slides
|
// Layout the contents of the slides
|
||||||
layoutSlideContents( config.width, config.height );
|
layoutSlideContents( config.width, config.height );
|
||||||
|
|
||||||
@ -2104,7 +2106,6 @@
|
|||||||
dom.slides.style.height = size.height + 'px';
|
dom.slides.style.height = size.height + 'px';
|
||||||
|
|
||||||
// Determine scale of content to fit within available space
|
// Determine scale of content to fit within available space
|
||||||
var oldscale =scale;
|
|
||||||
scale = Math.min( size.presentationWidth / size.width, size.presentationHeight / size.height );
|
scale = Math.min( size.presentationWidth / size.width, size.presentationHeight / size.height );
|
||||||
|
|
||||||
// Respect max/min scale settings
|
// Respect max/min scale settings
|
||||||
@ -2170,9 +2171,9 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if( oldscale!==scale ){
|
if( oldScale !== scale ) {
|
||||||
dispatchEvent( 'resize', {
|
dispatchEvent( 'resize', {
|
||||||
'oldscale': oldscale,
|
'oldScale': oldScale,
|
||||||
'scale': scale,
|
'scale': scale,
|
||||||
'size': size
|
'size': size
|
||||||
} );
|
} );
|
||||||
|
Loading…
Reference in New Issue
Block a user