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

tidy(ui): CanvasRect

Browse Source
This commit is contained in:
psychedelicious 2024-07-17 14:37:31 +10:00
parent 98ebca5f8c
commit 0dc38bd684
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
invokeai/frontend/web/src/features/controlLayers/konva/CanvasRect.ts
View File

@ -7,15 +7,16 @@ export class CanvasRect {
static GROUP_NAME = `${CanvasRect.NAME_PREFIX}_group`;
static RECT_NAME = `${CanvasRect.NAME_PREFIX}_rect`;
private state: RectShape;
id: string;
konva: {
group: Konva.Group;
rect: Konva.Rect;
};
lastRectShape: RectShape;
constructor(rectShape: RectShape) {
const { id, x, y, width, height } = rectShape;
constructor(state: RectShape) {
const { id, x, y, width, height, color } = state;
this.id = id;
this.konva = {
group: new Konva.Group({ name: CanvasRect.GROUP_NAME, listening: false }),
@ -27,16 +28,16 @@ export class CanvasRect {
width,
height,
listening: false,
fill: rgbaColorToString(rectShape.color),
fill: rgbaColorToString(color),
}),
};
this.konva.group.add(this.konva.rect);
this.lastRectShape = rectShape;
this.state = state;
}
update(rectShape: RectShape, force?: boolean): boolean {
if (this.lastRectShape !== rectShape || force) {
const { x, y, width, height, color } = rectShape;
update(state: RectShape, force?: boolean): boolean {
if (this.state !== state || force) {
const { x, y, width, height, color } = state;
this.konva.rect.setAttrs({
x,
y,
@ -44,7 +45,7 @@ export class CanvasRect {
height,
fill: rgbaColorToString(color),
});
this.lastRectShape = rectShape;
this.state = state;
return true;
} else {
return false;