Сохранение целостности выделения: влияние масштабирования на функциональность обрезки изображения/выбора ⇐ CSS

[Anonymous]

Я использую код из репозитория https://www.npmjs.com/package/react-multi-crops, чтобы включить выбор различных частей изображения. Первоначально я адаптировал код с https://www.npmjs.com/package/react-multi-crops под свои нужды.
Хотя все работает правильно, мои требования включают реализацию функция масштабирования в контейнере изображения. После реализации функции масштабирования я заметил, что, хотя текущий выбор остается неизменным, это влияет на положение курсора изменения размера, перемещение и создание новых полей выбора.
Проблема возникает, особенно, когда значение масштабирования увеличивается, например. измените его на 150 или 200. На этом уровне создание новых блоков выделения не совпадает точно с мышью, а изменение размера и перемещение существующих блоков не работают должным образом.
Вот ссылка на песочницу с кодом: https://codesandbox.io/p/sandbox/image- ... ple-m3flxr
Я много пытался исправить эту проблему, но не смог. не добиться успеха. Спасибо, если вы сможете разобраться в этом и помочь мне решить эту проблему.

Подробнее здесь: https://stackoverflow.com/questions/784 ... ion-functi