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): do not floor cursor position

Browse Source
This commit is contained in:
psychedelicious 2024-07-02 16:33:04 +10:00
parent 7ed24cf847
commit c951e733d3
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
invokeai/frontend/web/src/features/controlLayers/konva/events.ts
View File

@ -1,5 +1,5 @@
import type { KonvaNodeManager } from 'features/controlLayers/konva/nodeManager'; import type { KonvaNodeManager } from 'features/controlLayers/konva/nodeManager';
import { getScaledFlooredCursorPosition } from 'features/controlLayers/konva/util'; import { getScaledCursorPosition } from 'features/controlLayers/konva/util';
import type { CanvasEntity } from 'features/controlLayers/store/types'; import type { CanvasEntity } from 'features/controlLayers/store/types';
import type Konva from 'konva'; import type Konva from 'konva';
import type { Vector2d } from 'konva/lib/types'; import type { Vector2d } from 'konva/lib/types';
@ -25,7 +25,7 @@ const updateLastCursorPos = (
stage: Konva.Stage, stage: Konva.Stage,
setLastCursorPos: KonvaNodeManager['stateApi']['setLastCursorPos'] setLastCursorPos: KonvaNodeManager['stateApi']['setLastCursorPos']
) => { ) => {
const pos = getScaledFlooredCursorPosition(stage); const pos = getScaledCursorPosition(stage);
if (!pos) { if (!pos) {
return null; return null;
} }

13
invokeai/frontend/web/src/features/controlLayers/konva/util.ts
View File

@ -34,6 +34,19 @@ export const getScaledFlooredCursorPosition = (stage: Konva.Stage): Vector2d | n
}; };
}; };
/**
* Gets the scaled cursor position on the stage. If the cursor is not currently over the stage, returns null.
* @param stage The konva stage
*/
export const getScaledCursorPosition = (stage: Konva.Stage): Vector2d | null => {
const pointerPosition = stage.getPointerPosition();
const stageTransform = stage.getAbsoluteTransform().copy();
if (!pointerPosition) {
return null;
}
return stageTransform.invert().point(pointerPosition);
};
/** /**
* Snaps a position to the edge of the stage if within a threshold of the edge * Snaps a position to the edge of the stage if within a threshold of the edge
* @param pos The position to snap * @param pos The position to snap