Biblioteka panzoom, mierzenie odległości pomiędzy divami, getBoundingClientRect()

Question

Mam dwa obrazki w divach:

https://codepen.io/reti/pen/vYmYevK

Do przesuwania i zoomowania obrazów zastosowałem bilbiotekę panzoom.

Chciałbym mierzyć te odległości w px:

https://drive.google.com/file/d/17p9MkqKWS5...iew?usp=sharing

Dobrym tropem wydaje się być getBoundingClientRect(). Właśnie to testuję, ale dzieją rzeczy których nie rozumiem. Próbuję przesunąć divy .zoom-area1 i .zoom-area2 do krawędzi ich wrapperów (kliknij na odpowiednie guziki). Wartości getBoundingClientRect().top są jednak nieprawidłowe, bo powstają przerwy:
https://ibb.co/ZSNY5Lh

Dlaczego tak się dzieje?

Gdyby kogoś interesowało po co mi to: https://forum.pasja-informatyki.pl/544778/wypelnianie-diva-wycentrowanym-obrazkiem#c544874

Comments

(usunięty)