antvis/G6

自定义矩形形状的节点,聚焦节点focusItem的时候没有定位到中心(上下左右间距不一样) #5734

wuzengduo posted onGitHub

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);

<img width="449" alt="image" src="https://github.com/antvis/G6/assets/37041167/f52b471b-21dd-4f55-9805-dd2c498daf10">

Steps to Reproduce the Bug or Issue

  1. 点击一个节点
  2. 聚焦到该节点,上下左右间距不一样

    <img width="735" alt="image" src="https://github.com/antvis/G6/assets/37041167/3814c3e1-5ba3-4b66-934b-b60b601d0afe">

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


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

posted by Aarebecca 11 months ago

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

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

posted by wuzengduo 11 months ago

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

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

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

posted by LeaveZzz 11 months ago

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

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

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

已解决,感谢大佬

posted by wuzengduo 11 months ago

Fund this Issue

$0.00
Funded

Pull requests