Центрирование масштабирования по координатам мыши в React-infinite-viewer
Я пытаюсь создать масштабируемый пользовательский интерфейс в React, используя этот пакет: https://www.npmjs.com/package/react-infinite-viewer
Мне было интересно, можно ли центрировать масштабирование по координатам мыши?
<InfiniteViewer
className="viewer"
margin={1}
threshold={1}
rangeX={[100000000, 100000000]}
rangeY={[100000000, 100000000]}
pinchThreshold = {1}
zoom = {zoom}
onPinch={e => {
setZoom(e.zoom)
}}
>
"Cool zoomable text"
</InfiniteViewer>
Если мне это нравится, он хорошо масштабируется, но было бы так хорошо иметь что-то вроде:
<InfiniteViewer
zoomCenterX = {cursorX}
zoomCenterY = {cursorY}
...
Достижимо ли это таким образом? (Возможно, мне что-то не хватает в документации: https://daybrush.com/infinite-viewer/release/latest/doc/)
Большое спасибо!