Центрирование масштабирования по координатам мыши в 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/)

Большое спасибо!

0 ответов

Другие вопросы по тегам