diff options
| author | AUTOMATIC1111 <16777216c@gmail.com> | 2023-05-01 11:39:52 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-01 11:39:52 +0000 |
| commit | 696c338ee2841830fd5010427d90347329d5786a (patch) | |
| tree | 6f9c37f302e6bcaf1ce3e1f1913f2db54f3b184e /javascript/aspectRatioOverlay.js | |
| parent | b463b8a12672e010a8c86ea1c73b2c14ae5555d5 (diff) | |
| parent | 50f63e22472dd532ddd76adb28f29aef46a71a86 (diff) | |
| download | stable-diffusion-webui-gfx803-696c338ee2841830fd5010427d90347329d5786a.tar.gz stable-diffusion-webui-gfx803-696c338ee2841830fd5010427d90347329d5786a.tar.bz2 stable-diffusion-webui-gfx803-696c338ee2841830fd5010427d90347329d5786a.zip | |
Merge pull request #9953 from akx/js-misc-fixes
Miscellaneous JS fixes
Diffstat (limited to 'javascript/aspectRatioOverlay.js')
| -rw-r--r-- | javascript/aspectRatioOverlay.js | 33 |
1 files changed, 14 insertions, 19 deletions
diff --git a/javascript/aspectRatioOverlay.js b/javascript/aspectRatioOverlay.js index a8278cca..5160081d 100644 --- a/javascript/aspectRatioOverlay.js +++ b/javascript/aspectRatioOverlay.js @@ -45,29 +45,24 @@ function dimensionChange(e, is_width, is_height){ var viewportOffset = targetElement.getBoundingClientRect();
- viewportscale = Math.min( targetElement.clientWidth/targetElement.naturalWidth, targetElement.clientHeight/targetElement.naturalHeight )
+ var viewportscale = Math.min( targetElement.clientWidth/targetElement.naturalWidth, targetElement.clientHeight/targetElement.naturalHeight )
- scaledx = targetElement.naturalWidth*viewportscale
- scaledy = targetElement.naturalHeight*viewportscale
+ var scaledx = targetElement.naturalWidth*viewportscale
+ var scaledy = targetElement.naturalHeight*viewportscale
- cleintRectTop = (viewportOffset.top+window.scrollY)
- cleintRectLeft = (viewportOffset.left+window.scrollX)
- cleintRectCentreY = cleintRectTop + (targetElement.clientHeight/2)
- cleintRectCentreX = cleintRectLeft + (targetElement.clientWidth/2)
+ var cleintRectTop = (viewportOffset.top+window.scrollY)
+ var cleintRectLeft = (viewportOffset.left+window.scrollX)
+ var cleintRectCentreY = cleintRectTop + (targetElement.clientHeight/2)
+ var cleintRectCentreX = cleintRectLeft + (targetElement.clientWidth/2)
- viewRectTop = cleintRectCentreY-(scaledy/2)
- viewRectLeft = cleintRectCentreX-(scaledx/2)
- arRectWidth = scaledx
- arRectHeight = scaledy
+ var arscale = Math.min( scaledx/currentWidth, scaledy/currentHeight )
+ var arscaledx = currentWidth*arscale
+ var arscaledy = currentHeight*arscale
- arscale = Math.min( arRectWidth/currentWidth, arRectHeight/currentHeight )
- arscaledx = currentWidth*arscale
- arscaledy = currentHeight*arscale
-
- arRectTop = cleintRectCentreY-(arscaledy/2)
- arRectLeft = cleintRectCentreX-(arscaledx/2)
- arRectWidth = arscaledx
- arRectHeight = arscaledy
+ var arRectTop = cleintRectCentreY-(arscaledy/2)
+ var arRectLeft = cleintRectCentreX-(arscaledx/2)
+ var arRectWidth = arscaledx
+ var arRectHeight = arscaledy
arPreviewRect.style.top = arRectTop+'px';
arPreviewRect.style.left = arRectLeft+'px';
|