粑粑超

> 我下代码，敢肯定，这个东西顿时，页面会出现明显的停顿，都 没有缓存计算 没有工人 大量使用动态显示大量使用没有 转移这种操作的方法数据存储完全 优化 没有检测到离屏渲染 建议你可以先了解一下X6的定位，[可以看下这个](https://www.yuque.com/antv/x6/ecngdf) X6是基于SVG，性能肯定是不如Canvas的，但是自定义节点成本低，像制作流程图之类的，而且流程图场景一般不需要渲染大量的节点

如果你有大量数据可视化场景，可以了解一下[G6](https://g6.antv.vision/zh)

😌我做了营销活动的流程图，也是有大量表单交互，可以自己写HTML定义节点，我觉得很方便

用canvas的话想自定义实现产品要的图形节点就会比较复杂了

> > @komagic @babachao 拖动过程中一直动态修改 dom 元素位置，掉帧现在肯定存在，但是一卡一卡的我猜想是因为移动是以网格为单位，而不是像素为单位，你可以将网格大小分别设大或者小一点查看效果。 嗦嘎，明白了😌

我也看了一下这个问题，在这个edge上设置了`pointer-events:none;`，会将边禁止移动，具体在哪里配置还需要看一下

1、初始化默认的节点（需要将节点都固定，不可移动） 2、四行的话，渲染四个画布，都需要开启横向滚动 3、节点布局的话可以参考[自动布局](https://antv-x6.gitee.io/zh/examples/showcase/practices#orgchart) 4、画布的高度可以根据节点的层数计算，动态设置画布的高

如果是放在一整个画布的话可以看一下[泳道图](https://antv-x6.gitee.io/zh/examples/showcase/practices#swimlane)

你好~ 设置设置画布大小的方法是[resizeGraph](https://x6.antv.vision/zh/docs/api/graph/transform/#resizeGraph)

> > 你好~ 设置设置画布大小的方法是[resizeGraph](https://x6.antv.vision/zh/docs/api/graph/transform/#resizeGraph) > > 不是画布大小，是画布内的分页大小 嗦嘎，我看了[例子](https://codesandbox.io/s/withered-fog-j5cfbo?file=/src/app.tsx:340-348)，resizePage(300, 300)配置的width和height，超过了在scroller中配置的pageWidth(200)和pageHeight(200)