StableDiffusion/WebUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a small fix for very wide images, because of the scroll bar was the wrong zoom

Browse Source
This commit is contained in:
Danil Boldyrev 2023-05-30 16:35:52 +03:00
parent 8ab4e55fe3
commit c928c228af
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
extensions-builtin/canvas-zoom-and-pan/javascript/zoom.js
View File

@ -261,10 +261,13 @@ onUiLoaded(async() => {
//Reset Zoom //Reset Zoom
targetElement.style.transform = `translate(${0}px, ${0}px) scale(${1})`; targetElement.style.transform = `translate(${0}px, ${0}px) scale(${1})`;
// Get scrollbar width to right-align the image
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
// Get element and screen dimensions // Get element and screen dimensions
const elementWidth = targetElement.offsetWidth; const elementWidth = targetElement.offsetWidth;
const elementHeight = targetElement.offsetHeight; const elementHeight = targetElement.offsetHeight;
const screenWidth = window.innerWidth; const screenWidth = window.innerWidth - scrollbarWidth;
const screenHeight = window.innerHeight; const screenHeight = window.innerHeight;
// Get element's coordinates relative to the page // Get element's coordinates relative to the page