diff options
author | Aarni Koskela <akx@iki.fi> | 2023-05-17 12:46:58 +0000 |
---|---|---|
committer | Aarni Koskela <akx@iki.fi> | 2023-05-17 13:09:06 +0000 |
commit | 9c54b78d9dde5601e916f308d9a9d6953ec39430 (patch) | |
tree | 7eff4b1d65193de1ddc5503d46bba6508a1e903e /javascript/imageMaskFix.js | |
parent | 4f11f285f912fd48bc85a650a0384b6044d68b86 (diff) | |
download | stable-diffusion-webui-gfx803-9c54b78d9dde5601e916f308d9a9d6953ec39430.tar.gz stable-diffusion-webui-gfx803-9c54b78d9dde5601e916f308d9a9d6953ec39430.tar.bz2 stable-diffusion-webui-gfx803-9c54b78d9dde5601e916f308d9a9d6953ec39430.zip |
Run `eslint --fix` (and normalize tabs to spaces)
Diffstat (limited to 'javascript/imageMaskFix.js')
-rw-r--r-- | javascript/imageMaskFix.js | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/javascript/imageMaskFix.js b/javascript/imageMaskFix.js index a612705d..91a6377b 100644 --- a/javascript/imageMaskFix.js +++ b/javascript/imageMaskFix.js @@ -4,17 +4,17 @@ */ function imageMaskResize() { const canvases = gradioApp().querySelectorAll('#img2maskimg .touch-none canvas'); - if ( ! canvases.length ) { - canvases_fixed = false; // TODO: this is unused..? - window.removeEventListener( 'resize', imageMaskResize ); - return; + if (!canvases.length) { + canvases_fixed = false; // TODO: this is unused..? + window.removeEventListener('resize', imageMaskResize); + return; } const wrapper = canvases[0].closest('.touch-none'); const previewImage = wrapper.previousElementSibling; - if ( ! previewImage.complete ) { - previewImage.addEventListener( 'load', imageMaskResize); + if (!previewImage.complete) { + previewImage.addEventListener('load', imageMaskResize); return; } @@ -24,15 +24,15 @@ function imageMaskResize() { const nh = previewImage.naturalHeight; const portrait = nh > nw; - const wW = Math.min(w, portrait ? h/nh*nw : w/nw*nw); - const wH = Math.min(h, portrait ? h/nh*nh : w/nw*nh); + const wW = Math.min(w, portrait ? h / nh * nw : w / nw * nw); + const wH = Math.min(h, portrait ? h / nh * nh : w / nw * nh); wrapper.style.width = `${wW}px`; wrapper.style.height = `${wH}px`; wrapper.style.left = `0px`; wrapper.style.top = `0px`; - canvases.forEach( c => { + canvases.forEach(c => { c.style.width = c.style.height = ''; c.style.maxWidth = '100%'; c.style.maxHeight = '100%'; @@ -41,4 +41,4 @@ function imageMaskResize() { } onUiUpdate(imageMaskResize); -window.addEventListener( 'resize', imageMaskResize); +window.addEventListener('resize', imageMaskResize); |