本博客写于2022年9月7日,使用X6.js版本为1.31.0,api版本1.31.0
Transform | X6JavaScript diagramming libraryhttps://antv-x6.gitee.io/zh/docs/api/graph/transform/#centercontent
在当前版本中centerContent函数为居中画布内容,在使用过程中碰到了较多问题,这里直接总结
这个是我之前看过的一个博客,还是比较有启发的
antv X6 画布内容居中的坑_weixin_52950296的博客-CSDN博客antv X6画布内容居中的坑https://blog.csdn.net/weixin_52950296/article/details/125620881
在使用居中时遇到了居中偏移,render:done无法触发的问题,这个问题是因为fromJSON的过程是一个异步的状态,所以如果像这么写将会导致先去居中画布,后进行加载内容,这是其中的一个原因
还有一个原因是在graph初始化的时候加入了scroll
解决的办法为:首先在graph内关闭async,并且不开启scroll,实际的使用逻辑应该为先执行fromJSON,然后render:done监听器内写graph.centerContent();