antvis/G6


The issue has been closed
【v5】手动拖动画布到任意位置后,使用focusElement接口聚焦元素,元素显示的位置不对 #5955
Nancy2013 posted onGitHub
Describe the bug / 问题描述
【步骤】 1、vue3框架下,安装使用antv g6 5.0.4版本; 2、创建画布,并设定画布宽高; 3、定义脑图数据,并渲染出思维脑图树; 4、设置脑图树任意一节点高亮状态,并聚焦该节点,视口中心在居中;
【问题】 1、初始化画布时,不做拖动缩放操作,可以高亮任意节点,并聚焦节点于视口中心; 2、手动拖动画布到任意位置后,高亮节点使用focusElement接口聚焦节点,节点移动的位置不对不在视口中心,而且没有规律,甚至有时会跑出到画布以外区域;
【代码】 /**
- 高亮节点
- @param id 节点id唯一标识 */ const handleSearchNode = (id: number | String) => { // 设置节点,高亮状态 addNodeState(id, "highlight"); emit("searchNode", id); // 聚焦元素,将元素聚焦到视图中心 graph.focusElement(id,true); };
G6 Version / G6 版本
🆕 5.x
Operating System / 操作系统
Windows
Browser / 浏览器
Chrome