在React-infinite-viewer中将缩放居中到鼠标坐标

编程问答 2022-06-13

问题描述

我正在尝试使用以下软件包在React中创建可缩放的UI：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/）

非常感谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

centeringpinchzoomreactjsreactjszoom