'Get relative position within div with useGesture

I'm using the @use-gesture/react package to try to get the relative [x, y] position within a div. It gives me a bunch of stats, but I can't figure out which ones I'm supposed to use to calculate it...

I'll share a code sandbox so you can check it out yourself, but the basic rundown is I would like to have the [0, 0] coords set to the middle of the box. If the box is 200px x 200px, the top left corner should be [-100, -100], bottom left [-100, 100]... Hope that makes sense :)

Edit inspiring-poitras-qkcmnr

javascripthtmlcssreact-springreact-use-gesture


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions