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): add snapToRect util

Browse Source
This commit is contained in:
psychedelicious 2024-07-08 11:32:52 +10:00
parent c513d6e3af
commit 5983cbf26c
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,6 +78,28 @@ export const snapPosToStage = (pos: Vector2d, stage: Konva.Stage, snapPx = 10):
return snappedPos;
};
/**
* Snaps a position to the edge of the given rect if within a threshold of the edge
* @param pos The position to snap
* @param rect The rect to snap to
* @param threshold The snap threshold in pixels
*/
export const snapToRect = (pos: Vector2d, rect: Rect, threshold = 10): Vector2d => {
const snappedPos = { ...pos };
// Snap to the edge of the rect if within threshold
if (pos.x - threshold < rect.x) {
snappedPos.x = rect.x;
} else if (pos.x + threshold > rect.x + rect.width) {
snappedPos.x = rect.x + rect.width;
}
if (pos.y - threshold < rect.y) {
snappedPos.y = rect.y;
} else if (pos.y + threshold > rect.y + rect.height) {
snappedPos.y = rect.y + rect.height;
}
return snappedPos;
};
/**
* Checks if the left mouse button is currently pressed
* @param e The konva event