aboutsummaryrefslogtreecommitdiffstats
path: root/javascript/imageMaskFix.js
diff options
context:
space:
mode:
authorAarni Koskela <akx@iki.fi>2023-05-17 12:46:58 +0000
committerAarni Koskela <akx@iki.fi>2023-05-17 13:09:06 +0000
commit9c54b78d9dde5601e916f308d9a9d6953ec39430 (patch)
tree7eff4b1d65193de1ddc5503d46bba6508a1e903e /javascript/imageMaskFix.js
parent4f11f285f912fd48bc85a650a0384b6044d68b86 (diff)
downloadstable-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.js20
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);