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

feat(ui): restore document size overlay renderer

Browse Source
This commit is contained in:
psychedelicious 2024-07-08 19:16:05 +10:00
parent 8e8c255f3f
commit 118278b372
1 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
invokeai/frontend/web/src/features/controlLayers/konva/CanvasDocumentSizeOverlay.ts
View File

@ -31,29 +31,23 @@ export class CanvasDocumentSizeOverlay {
}
render() {
return;
// const document = this.manager.stateApi.getDocument();
// this.group.zIndex(0);
const document = this.manager.stateApi.getDocument();
this.group.zIndex(0);
// const x = this.manager.stage.x();
// const y = this.manager.stage.y();
// const width = this.manager.stage.width();
// const height = this.manager.stage.height();
// const scale = this.manager.stage.scaleX();
const x = this.manager.stage.x();
const y = this.manager.stage.y();
const width = this.manager.stage.width();
const height = this.manager.stage.height();
const scale = this.manager.stage.scaleX();
// this.outerRect.setAttrs({
// offsetX: x / scale,
// offsetY: y / scale,
// width: width / scale,
// height: height / scale,
// });
this.outerRect.setAttrs({
offsetX: x / scale,
offsetY: y / scale,
width: width / scale,
height: height / scale,
});
// this.innerRect.setAttrs({
// x: 0,
// y: 0,
// width: document.width,
// height: document.height,
// });
this.innerRect.setAttrs(document.rect);
}
fitToStage() {
@ -62,8 +56,8 @@ export class CanvasDocumentSizeOverlay {
// Fit & center the document on the stage
const width = this.manager.stage.width();
const height = this.manager.stage.height();
const docWidthWithBuffer = document.width + this.padding * 2;
const docHeightWithBuffer = document.height + this.padding * 2;
const docWidthWithBuffer = document.rect.width + this.padding * 2;
const docHeightWithBuffer = document.rect.height + this.padding * 2;
const scale = Math.min(Math.min(width / docWidthWithBuffer, height / docHeightWithBuffer), 1);
const x = (width - docWidthWithBuffer * scale) / 2 + this.padding * scale;
const y = (height - docHeightWithBuffer * scale) / 2 + this.padding * scale;