diff options
author | eleanor-park <eleanor_park@brown.edu> | 2024-10-20 12:44:15 -0400 |
---|---|---|
committer | eleanor-park <eleanor_park@brown.edu> | 2024-10-20 12:44:15 -0400 |
commit | 3b17868560090756caf8b9b0f043ea163f2320e8 (patch) | |
tree | d748a5fa923f28e2f4e399a8846ea38aa06b78a7 /src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts | |
parent | fc06a98deec3fa2b173f8ea30a4f4b1781447b19 (diff) |
changes
Diffstat (limited to 'src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts')
-rw-r--r-- | src/client/views/nodes/imageEditor/imageEditorUtils/PointerHandler.ts | 11 |
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, + }; + }; +} |