如何解决在React-infinite-viewer中将缩放居中到鼠标坐标
我正在尝试使用以下软件包在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 举报,一经查实,本站将立刻删除。