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): filter preview offset

Browse Source
This commit is contained in:
psychedelicious 2024-08-23 20:24:40 +10:00
parent a2ad5f1a9a
commit c62ede5878
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
invokeai/frontend/web/src/features/controlLayers/konva/CanvasFilterModule.ts
View File

@ -79,7 +79,7 @@ export class CanvasFilterModule {
this.imageState = imageDTOToImageObject(imageDTO); this.imageState = imageDTOToImageObject(imageDTO);
adapter.renderer.clearBuffer(); adapter.renderer.clearBuffer();
await adapter.renderer.setBuffer(this.imageState); await adapter.renderer.setBuffer(this.imageState, true);
adapter.renderer.hideObjects(); adapter.renderer.hideObjects();
this.$isProcessing.set(false); this.$isProcessing.set(false);
@ -131,6 +131,7 @@ export class CanvasFilterModule {
if (adapter) { if (adapter) {
adapter.renderer.clearBuffer(); adapter.renderer.clearBuffer();
adapter.renderer.showObjects(); adapter.renderer.showObjects();
adapter.transformer.updatePosition();
this.$adapter.set(null); this.$adapter.set(null);
} }
this.imageState = null; this.imageState = null;

8
invokeai/frontend/web/src/features/controlLayers/konva/CanvasObjectRenderer.ts
View File

@ -390,12 +390,18 @@ export class CanvasObjectRenderer {
/** /**
* Sets the buffer object state to render. * Sets the buffer object state to render.
* @param objectState The object state to set as the buffer. * @param objectState The object state to set as the buffer.
* @param resetBufferOffset Whether to reset the buffer's offset to 0,0. This is necessary when previewing filters.
* When previewing a filter, the buffer object is an image of the same size as the entity, so it should be rendered
* at the top-left corner of the entity.
* @returns A promise that resolves to a boolean, indicating if the object was rendered. * @returns A promise that resolves to a boolean, indicating if the object was rendered.
*/ */
setBuffer = async (objectState: AnyObjectState): Promise<boolean> => { setBuffer = async (objectState: AnyObjectState, resetBufferOffset: boolean = false): Promise<boolean> => {
this.log.trace('Setting buffer'); this.log.trace('Setting buffer');
this.bufferState = objectState; this.bufferState = objectState;
if (resetBufferOffset) {
this.konva.bufferGroup.offset({ x: 0, y: 0 });
}
return await this.renderBufferObject(); return await this.renderBufferObject();
}; };