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): transforming when axes flipped

Browse Source
This commit is contained in:
psychedelicious 2024-07-30 17:46:05 +10:00
parent d15321a373
commit ba5cf07ab8
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
invokeai/frontend/web/src/features/controlLayers/konva/CanvasLayer.ts
View File

@ -554,15 +554,14 @@ export class CanvasLayer {
}
async resetScale() {
this.konva.objectGroup.scaleX(1);
this.konva.objectGroup.scaleX(1);
this.konva.objectGroup.rotation(0);
this.konva.bbox.scaleX(1);
this.konva.bbox.scaleX(1);
this.konva.bbox.rotation(0);
this.konva.interactionRect.scaleX(1);
this.konva.interactionRect.scaleX(1);
this.konva.interactionRect.rotation(0);
const attrs = {
scaleX: 1,
scaleY: 1,
rotation: 0,
};
this.konva.objectGroup.setAttrs(attrs);
this.konva.bbox.setAttrs(attrs);
this.konva.interactionRect.setAttrs(attrs);
}
async applyTransform() {
@ -570,11 +569,14 @@ export class CanvasLayer {
this.isTransforming = false;
const objectGroupClone = this.konva.objectGroup.clone();
const blob = await konvaNodeToBlob(objectGroupClone, objectGroupClone.getClientRect());
const interactionRectClone = this.konva.interactionRect.clone();
const rect = interactionRectClone.getClientRect();
const blob = await konvaNodeToBlob(objectGroupClone, rect);
console.log('transform rect', rect);
previewBlob(blob, 'transformed layer');
const imageDTO = await uploadImage(blob, `${this.id}_transform.png`, 'other', true, true);
const { dispatch } = getStore();
dispatch(layerRasterized({ id: this.id, imageDTO, position: this.konva.interactionRect.position() }));
dispatch(layerRasterized({ id: this.id, imageDTO, position: { x: rect.x, y: rect.y } }));
this.isTransforming = false;
this.resetScale();
}