D3鼠标右键位置新加节点找不到问题解决_如何获取 d3 坐标的各个节点位置

作者：weixin_40725706 | 2024-02-23 01:38:41

踩

如何获取 d3 坐标的各个节点位置

一个用d3做数据可视化的关系图分析项目，客户提出可以自定义新增节点的功能。新增的节点需要显示到鼠标右键点击的位置。

功能上线后发现有时新增节点的位置是正确的，但有时候并不在鼠标右键点击位置.

不能直接使用鼠标右键点击位置坐标做为新增节点的位置坐标。需要使用

d3.zoomTransform(画布节点);

获取画布的偏移坐标x,y.

然后使用使用鼠标右键点击坐标x,y分别减轻画布偏移坐标x,y才是正确的新增节点在画布中的位置坐标.

此问题主要是使用了d3.zoom，使画布可以拖动。所以新增节点需要考虑到画布的偏移量。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/132761?site