aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts
diff options
context:
space:
mode:
authoreleanor-park <eleanor_park@brown.edu>2024-10-20 12:44:15 -0400
committereleanor-park <eleanor_park@brown.edu>2024-10-20 12:44:15 -0400
commit3b17868560090756caf8b9b0f043ea163f2320e8 (patch)
treed748a5fa923f28e2f4e399a8846ea38aa06b78a7 /src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts
parentfc06a98deec3fa2b173f8ea30a4f4b1781447b19 (diff)
changes
Diffstat (limited to 'src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts')
-rw-r--r--src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts b/src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts
new file mode 100644
index 000000000..e86f46636
--- /dev/null
+++ b/src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts
@@ -0,0 +1,11 @@
+import { Point } from './imageEditorInterfaces';
+
+export class PointerHandler {
+ static getPointRelativeToElement = (element: HTMLElement, e: React.PointerEvent | PointerEvent, scale: number): Point => {
+ const boundingBox = element.getBoundingClientRect();
+ return {
+ x: (e.clientX - boundingBox.x) / scale,
+ y: (e.clientY - boundingBox.y) / scale,
+ };
+ };
+}