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

eliminate flicker for live previews

Browse Source
This commit is contained in:
AUTOMATIC 2023-01-15 20:20:29 +03:00
parent ce13ced5dc
commit f6aac4c65a
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
javascript/progressbar.js
View File

@ -184,15 +184,15 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
if(res.live_preview){ if(res.live_preview){
var rect = gallery.getBoundingClientRect()
if(rect.width){
livePreview.style.width = rect.width + "px"
livePreview.style.height = rect.height + "px"
}
var img = new Image(); var img = new Image();
img.onload = function() { img.onload = function() {
var rect = gallery.getBoundingClientRect()
if(rect.width){
livePreview.style.width = rect.width + "px"
livePreview.style.height = rect.height + "px"
}
livePreview.innerHTML = ''
livePreview.appendChild(img) livePreview.appendChild(img)
if(livePreview.childElementCount > 2){ if(livePreview.childElementCount > 2){
livePreview.removeChild(livePreview.firstElementChild) livePreview.removeChild(livePreview.firstElementChild)

1
style.css
View File

@ -338,6 +338,7 @@ input[type="range"]{
} }
.livePreview img{ .livePreview img{
position: absolute;
object-fit: contain; object-fit: contain;
width: 100%; width: 100%;
height: 100%; height: 100%;