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

Made the applyZoomAndPan function global for other extensions

Browse Source
This commit is contained in:
Danil Boldyrev 2023-06-03 19:24:05 +03:00
parent 30bbb8bce3
commit 3e3635b114
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -103,7 +103,14 @@ onUiLoaded(async() => {
const elements = await getElements(); const elements = await getElements();
function applyZoomAndPan(targetElement, elemId) { function applyZoomAndPan(elemId) {
const targetElement = gradioApp().querySelector(elemId);
if (!targetElement) {
console.log("Element not found");
return;
}
targetElement.style.transformOrigin = "0 0"; targetElement.style.transformOrigin = "0 0";
let [zoomLevel, panX, panY] = [1, 0, 0]; let [zoomLevel, panX, panY] = [1, 0, 0];
let fullScreenMode = false; let fullScreenMode = false;
@ -558,7 +565,11 @@ onUiLoaded(async() => {
gradioApp().addEventListener("mousemove", handleMoveByKey); gradioApp().addEventListener("mousemove", handleMoveByKey);
} }
applyZoomAndPan(elements.sketch, elementIDs.sketch); applyZoomAndPan(elementIDs.sketch);
applyZoomAndPan(elements.inpaint, elementIDs.inpaint); applyZoomAndPan(elementIDs.inpaint);
applyZoomAndPan(elements.inpaintSketch, elementIDs.inpaintSketch); applyZoomAndPan(elementIDs.inpaintSketch);
// Make the function global so that other extensions can take advantage of this solution
window.applyZoomAndPan = applyZoomAndPan;
}); });