BetterTyped
Sync zooming, panning and pinching
Hello. Thanks for the great package. Is it possible to zoom, pan and pinch two images simultaneously so when I zoom one image the other one will take the same position or scale. I was not able to implement this on my own. Do you have any example or advice?
Is it possible in version 2.1.3? I cannot find soultion in a previous issue.
Yes, we can do it via ref, where we can access current values for scale and position so you can add it via css with translate and scale properties. The other way is to wrap page with the wrapper, so you can access it's values with hooks
Does someone has snippet example of making this feature? It seems like using hooks is the right way to go, but I am unable to make it work.
Hey @rafyzg, recently I'm my job I had to build a component where 4 images are in zoom and pan sync. Just built this sandbox with the solution I found. In the Hope it helps you!
https://codesandbox.io/s/red-monad-kbj1lr?file=/src/App.tsx
