github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-13 16:45:07 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): animate stage fit operations (e.g. fit layers to stage)

Browse Source
This commit is contained in:
psychedelicious
2025-06-06 13:50:13 +10:00
parent a2901f2b46
commit f70be1e415
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
invokeai/frontend/web/src/features/controlLayers/konva/CanvasStageModule.ts
View File

@@ -230,14 +230,23 @@ export class CanvasStageModule extends CanvasModuleBase {
this._intendedScale = scale;
this._activeSnapPoint = null;
this.konva.stage.setAttrs({
const tween = new Konva.Tween({
node: this.konva.stage,
duration: 0.15,
x,
y,
scaleX: scale,
scaleY: scale,
easing: Konva.Easings.EaseInOut,
onUpdate: () => {
this.syncStageAttrs();
},
onFinish: () => {
this.syncStageAttrs();
tween.destroy();
},
});
this.syncStageAttrs({ x, y, scale });
tween.play();
};
/**