Public/stable-diffusion-webui-ux
1
0
Fork 0
mirror of https://github.com/anapnoe/stable-diffusion-webui-ux.git synced 2026-09-18 16:55:15 +02:00
Code Issues Packages Projects Releases Wiki Activity

Proper fix for img2img mask and sketch etc.

Browse Source 
remove all resize event listeners that are expensive on draw calls
This commit is contained in:
anapnoe
2023-03-13 18:03:00 +02:00
parent b278c39a87
commit acc460f8e1
4 changed files with 65 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
javascript/imageMaskFix.js
+27
View File
@@ -2,6 +2,7 @@
* temporary fix for https://github.com/AUTOMATIC1111/stable-diffusion-webui/issues/668
* @see https://github.com/gradio-app/gradio/issues/1721
*/
/*
window.addEventListener( 'resize', () => imageMaskResize());
function imageMaskResize() {
const canvases = gradioApp().querySelectorAll('#img2maskimg .touch-none canvas');
@@ -43,3 +44,29 @@ function imageMaskResize() {
}
onUiUpdate(() => imageMaskResize());
*/
let img2img_tab_index = 0;
onUiUpdate(function() {
const img2img_tab = gradioApp().querySelector('#img2img_img2img_tab');
if(img2img_tab){
const current_img2img_tab_index = get_img2img_tab_index()[0];
//if(img2img_tab_index != current_img2img_tab_index){
//console.log(current_img2img_tab_index);
img2img_tab_index = current_img2img_tab_index;
const parent_img2img_tab_img = gradioApp().querySelector('#mode_img2img > div:nth-child('+(img2img_tab_index+2)+') div[data-testid="image"] > div');
const img2img_tab_img = parent_img2img_tab_img.querySelector('img');
if(img2img_tab_img){
parent_img2img_tab_img.style.flexGrow = "0";
img2img_tab_img.onload = function() {
let w = this.naturalWidth;
let h = this.naturalHeight;
parent_img2img_tab_img.style.width = `${w}px`;
parent_img2img_tab_img.style.height = `${h}px`;
}
}else{
parent_img2img_tab_img.style.flexGrow = "1";
}
//}
}
})
javascript/ui.js
+2 -2
View File
@@ -353,7 +353,7 @@ onUiUpdate(function(){
leftSide.style.pointerEvents = 'none';
rightSide.style.userSelect = 'none';
rightSide.style.pointerEvents = 'none';
window.dispatchEvent(resizeEvent);
//window.dispatchEvent(resizeEvent);
}
function mouseUpHandler() {
@@ -365,7 +365,7 @@ onUiUpdate(function(){
rightSide.style.removeProperty('pointer-events');
container.removeEventListener('mousemove', mouseMoveHandler);
container.removeEventListener('mouseup', mouseUpHandler);
window.dispatchEvent(resizeEvent);
//window.dispatchEvent(resizeEvent);
}
container.addEventListener('mousemove', mouseMoveHandler);