G6 icon indicating copy to clipboard operation
G6 copied to clipboard

使用react自定义节点后,元素为啥发现了变化,造成我的线对不齐了。

Open zhangxinyong12 opened this issue 10 months ago • 2 comments

问题描述

如标题所示。

重现链接

https://codesandbox.io/s/brave-bush-7fq4hh?file=/src/App.tsx

重现步骤

如上所述

预期行为

希望位置不变化

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • G6 版本: [4.5.1 ... ] "@antv/g6": "^4.8.21", "@antv/g6-react-node": "^1.4.5",

屏幕截图或视频(可选)

image image

补充说明(可选)

No response

zhangxinyong12 avatar Sep 01 '23 06:09 zhangxinyong12

自定义节点图形的 x y 应该是相对于自身坐标系的位置,而不是 cfg 中节点的位置。比如 keyShape 的 rect 应该是 x: -size[0] / 2, y: -size[1] / 2 这样自身坐标系的坐标原点对齐到矩形的中心

Yanyan-Wang avatar Sep 04 '23 06:09 Yanyan-Wang

@Yanyan-Wang 我也遇到了这个问题,我没太明白这个react节点该怎么指定keyShape。

Dawnwangzi avatar Nov 28 '23 03:11 Dawnwangzi