Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): scaled bbox preview

Browse Source
This commit is contained in:
psychedelicious 2024-08-08 19:43:50 +10:00
parent b88d14b3df
commit 71885db5fd
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/controlLayers/konva/CanvasProgressImage.ts
View File

@ -72,8 +72,8 @@ export class CanvasProgressImage {
this.isLoading = true; this.isLoading = true;
const { x, y } = this.manager.stateApi.getBbox().rect; const { x, y, width, height } = this.manager.stateApi.getBbox().rect;
const { dataURL, width, height } = this.lastProgressEvent.progress_image; const { dataURL } = this.lastProgressEvent.progress_image;
try { try {
this.imageElement = await loadImage(dataURL); this.imageElement = await loadImage(dataURL);
if (this.konva.image) { if (this.konva.image) {

12
invokeai/frontend/web/src/features/controlLayers/konva/CanvasStagingArea.ts
View File

@ -43,17 +43,21 @@ export class CanvasStagingArea {
render = async () => { render = async () => {
const session = this.manager.stateApi.getSession(); const session = this.manager.stateApi.getSession();
const { rect } = this.manager.stateApi.getBbox(); const { x, y, width, height } = this.manager.stateApi.getBbox().rect;
const shouldShowStagedImage = this.manager.stateApi.$shouldShowStagedImage.get(); const shouldShowStagedImage = this.manager.stateApi.$shouldShowStagedImage.get();
this.selectedImage = session.stagedImages[session.selectedStagedImageIndex] ?? null; this.selectedImage = session.stagedImages[session.selectedStagedImageIndex] ?? null;
this.konva.group.position({ x: rect.x, y: rect.y }); this.konva.group.position({ x, y });
if (this.selectedImage) { if (this.selectedImage) {
const { imageDTO, offsetX, offsetY } = this.selectedImage; const {
imageDTO,
// offsetX, // TODO(psyche): restore the crop in the node?
// offsetY // TODO(psyche): restore the crop in the node?
} = this.selectedImage;
if (!this.image) { if (!this.image) {
const { image_name, width, height } = imageDTO; const { image_name } = imageDTO;
this.image = new CanvasImageRenderer( this.image = new CanvasImageRenderer(
{ {
id: 'staging-area-image', id: 'staging-area-image',