自 X6 在 AntV 品牌日发布 1.0.1 版本以后,在开源社区很多的图编辑的业务场景得到实践。1.0.1 版本之后我们进行了快速迭代,版本号已经升到了 1.12.1,这里对这期间新增功能做一个介绍。如果你还没有使用 X6, 可以花几分钟时间读下这篇文章-X6 1.0 抱歉来晚,如果在 X6 和 G6 的选择在纠结,可以看下这篇文章-前端图可视化引擎antv的g6和x6区别是什么
普通画布能力增强
以前只有开启 scroller 模式才有无限画布的功能,由此产生的滚动条影响页面美观,现在普通画布也支持拖拽、缩放功能,并且原来 scroller 上图形居中、自适应位置等方法完全移植过来。现在普通画布也能实现无限画布效果了。
循环连线
面对复杂的场景增加循环连线功能,节点不同位置之间也可以连线。
元素动画
为了对元素的运动和变换有更多的控制,增加了元素动画,它可以指定图形的变换、缩放、旋转和扭曲。
支持 Vue 组件渲染
X6 已经支持支持用 Vue 组件 来渲染节点了,再也不用担心框架约束了。
支持布局
X6 结合 @antv/layout 能实现 G6 中的所有布局,在官网中列举了网格、环形、Dagre三个常用布局。
与 Ant Design 结合
X6 与 Ant Design 经常在一起配合使用,我们将右键菜单和 Tooltip 两个常用功能定制为工具,大大减少了业务中自己开发的成本。
调节手柄
重点来了,我们在 X6 中内置了调节手柄的功能,不多说,先感受一下效果,欢迎体验。
组织架构图
在官网示例中,我们给出了组件架构图的完整实现,欢迎围观。
最后
X6 在内部和外部的很多应用中已经落地,处于快速发展期,但还有很多内容需要完善。期待大家的参与,欢迎给我们提 issue。我们也开始准备 V2.0 的建设,大家对文档、功能有好的建议,欢迎留言。最后,欢迎给我们的仓库加星。✨✨