CodeCow/stable-diffusion-webui-forge
1
0
Fork 0
mirror of https://github.com/lllyasviel/stable-diffusion-webui-forge.git synced 2026-07-21 21:01:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

ratio overlay

Browse Source
This commit is contained in:
Haoming 2025-10-20 11:28:12 +08:00
parent 659d735e44
commit 7740ebe149
3 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
javascript/aspectRatioOverlay.js
View File

@ -22,22 +22,22 @@ function dimensionChange(e, is_width, is_height) {
if (tabIndex == 0) {
// img2img
targetElement = gradioApp().querySelector(
"#img2img_image div[class=forge-image-container] img",
"#img2img_image div.forge-image-container img",
);
} else if (tabIndex == 1) {
// Sketch
targetElement = gradioApp().querySelector(
"#img2img_sketch div[class=forge-image-container] img",
"#img2img_sketch div.forge-image-container img",
);
} else if (tabIndex == 2) {
// Inpaint
targetElement = gradioApp().querySelector(
"#img2maskimg div[class=forge-image-container] img",
"#img2maskimg div.forge-image-container img",
);
} else if (tabIndex == 3) {
// Inpaint sketch
targetElement = gradioApp().querySelector(
"#inpaint_sketch div[class=forge-image-container] img",
"#inpaint_sketch div.forge-image-container img",
);
} else if (tabIndex == 4) {
// Inpaint upload

19
modules_forge/forge_canvas/canvas.css
View File

@ -6,19 +6,11 @@
user-select: none;
}
.forge-image-container-plain {
width: 100%;
height: calc(100% - 6px);
position: relative;
overflow: hidden;
.forge-image-container.plain {
background-color: #808080;
}
.forge-image-container {
width: 100%;
height: calc(100% - 6px);
position: relative;
overflow: hidden;
.forge-image-container:not(.plain) {
background-color: #cccccc;
background-image:
linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee),
@ -29,6 +21,13 @@
10px 10px;
}
.forge-image-container {
width: 100%;
height: calc(100% - 6px);
position: relative;
overflow: hidden;
}
.forge-image {
position: absolute;
top: 0;

2
modules_forge/forge_canvas/canvas.py
View File

@ -128,7 +128,7 @@ class ForgeCanvas:
canvas_html_uuid = canvas_html.replace("forge_mixin", self.uuid)
if opts.forge_canvas_plain:
canvas_html_uuid = canvas_html_uuid.replace('class="forge-image-container"', 'class="forge-image-container-plain"').replace('stroke="white"', "stroke=#444")
canvas_html_uuid = canvas_html_uuid.replace('class="forge-image-container"', 'class="forge-image-container plain"').replace('stroke="white"', "stroke=#444")
if opts.forge_canvas_toolbar_always:
canvas_html_uuid = canvas_html_uuid.replace('class="forge-toolbar"', 'class="forge-toolbar-static"')