diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/background.ts b/invokeai/frontend/web/src/features/controlLayers/konva/background.ts index 2e8b3da177..dfa614a96d 100644 --- a/invokeai/frontend/web/src/features/controlLayers/konva/background.ts +++ b/invokeai/frontend/web/src/features/controlLayers/konva/background.ts @@ -38,7 +38,7 @@ export class CanvasBackground { this.layer = new Konva.Layer({ listening: false }); } - renderBackground() { + render() { this.layer.zIndex(0); const scale = this.manager.stage.scaleX(); const gridSpacing = getGridSpacing(scale); diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/events.ts b/invokeai/frontend/web/src/features/controlLayers/konva/events.ts index c7c74e6105..32483ee4ee 100644 --- a/invokeai/frontend/web/src/features/controlLayers/konva/events.ts +++ b/invokeai/frontend/web/src/features/controlLayers/konva/events.ts @@ -464,7 +464,7 @@ export const setStageEventHandlers = (manager: KonvaNodeManager): (() => void) = stage.scaleY(newScale); stage.position(newPos); setStageAttrs({ ...newPos, width: stage.width(), height: stage.height(), scale: newScale }); - manager.preview.tool.render(); + manager.background.render(); manager.preview.documentSizeOverlay.render(); } } @@ -480,7 +480,7 @@ export const setStageEventHandlers = (manager: KonvaNodeManager): (() => void) = height: stage.height(), scale: stage.scaleX(), }); - manager.preview.tool.render(); + manager.background.render(); manager.preview.documentSizeOverlay.render(); manager.preview.tool.render(); }); @@ -521,8 +521,7 @@ export const setStageEventHandlers = (manager: KonvaNodeManager): (() => void) = setLastCursorPos(null); setLastMouseDownPos(null); manager.preview.documentSizeOverlay.fitToStage(); - manager.preview.tool.render(); - + manager.background.render(); manager.preview.documentSizeOverlay.render(); } manager.preview.tool.render(); diff --git a/invokeai/frontend/web/src/features/controlLayers/konva/nodeManager.ts b/invokeai/frontend/web/src/features/controlLayers/konva/nodeManager.ts index cdfde891f2..9f705cd27f 100644 --- a/invokeai/frontend/web/src/features/controlLayers/konva/nodeManager.ts +++ b/invokeai/frontend/web/src/features/controlLayers/konva/nodeManager.ts @@ -199,7 +199,7 @@ export class KonvaNodeManager { height: this.stage.height(), scale: this.stage.scaleX(), }); - this.background.renderBackground(); + this.background.render(); this.preview.documentSizeOverlay.render(); }