自定义矩形形状的节点，聚焦节点focusItem的时候没有定位到中心（上下左右间距不一样）

wuzengduo commented 3 months ago

Describe the bug

自定义矩形形状的节点，聚焦节点focusItem的时候没有定位到中心（左右间距不一样）

Your Example Website or App

https://g6.antv.antgroup.com/examples/item/customNode/#card

在https://g6.antv.antgroup.com/examples/item/customNode/#card这里添加聚焦的逻辑： function handleNodeClick(event) { const item = event.item; // animately move the graph to focus on the item. // the second parameter controlls whether move with animation, the third parameter is the animate configuration graph.focusItem(item, true, { easing: 'easeCubic', duration: 500, }); }

// listen to the node click event graph.on('node:click', handleNodeClick);

Steps to Reproduce the Bug or Issue

点击一个节点
聚焦到该节点，上下左右间距不一样

Expected behavior

期望该节点在中心，即上下左右间距一样，实际上左右间距不一样

Screenshots or Videos

No response

Platform

OS: [e.g. macOS, Windows, Linux]
Browser: [e.g. Chrome, Safari, Firefox]
Version: [e.g. 91.1]

Additional context

No response

Aarebecca commented 3 months ago

目测是自定义节点的锚点位置导致的，一般节点是以中心位置定位的，矩形节点使用了左上角来进行定位，导致 focus 看起来不在画布中心

wuzengduo commented 3 months ago

目测是自定义节点的锚点位置导致的，一般节点是以中心位置定位的，矩形节点使用了左上角来进行定位，导致 focus 看起来不在画布中心

请问怎么修改自定义节点的这个锚点呢？

LeaveZzz commented 3 months ago

目测是自定义节点的锚点位置导致的，一般节点是以中心位置定位的，矩形节点使用了左上角来进行定位，导致 focus 看起来不在画布中心

请问怎么修改自定义节点的这个锚点呢？

给每一个shape的x、y增加一个-w / 2、-h / 2的偏移量

wuzengduo commented 3 months ago

目测是自定义节点的锚点位置导致的，一般节点是以中心位置定位的，矩形节点使用了左上角来进行定位，导致 focus 看起来不在画布中心

请问怎么修改自定义节点的这个锚点呢？

给每一个shape的x、y增加一个-w / 2、-h / 2的偏移量

已解决，感谢大佬

antvis / G6