用户7902833836366

X6 2.0 发布了，这次带来了高性能的渲染引擎、开放的插件架构、新的文档，图编辑解决方案 XFlow 也在紧锣密鼓的开发中。希望大家支持。

又快到年底了，大家是不是要准备开始年底绩效总结了，有没有羡慕大佬（PPT砖家）们狂拽酷炫吊炸天的分享，有没有后悔自己因为平平无奇的年终总结少拿了几个月的年终奖。这里给大家准备了一个年度总结图形编辑器。

流程图可以清晰的可视化展示组织、工作流等复杂层次结构。在后面的一系列文章中，将会从 0 到 1 完成一个流程图应用的开发，这篇文章主要是做技术选型。

开始 一个开箱即用的技术框架，一定会有完备的配套工具。X6 提供了大量的图编辑功能，它们基本上都是基于配置式，而且配置参数是经过大量业务实践出来的。

开始 在使用软件的过程中，我们经常会使用一些快捷键来提高效率，比如 Ctrl +C、Ctrl + V，同样，在流程图应用中，也需要一些快捷键来提高编辑效率。

随着新兴产业的蓬勃发展，许多专有领域概念层出不穷，怎么将系统中的任务流程化以及让使用者快速理解和上手操作是产品和技术人员面临的一个非常大的挑战，特别是在着云原生、机器学习等专业领域，这一问题尤为明显。

在手动连线的过程中，还需要处理一些交互细节，比如到达连接桩附近自动吸附、可连接元素的高亮显示等，幸运的是这些都不需要我们自己去实现，X6 提供了便利的配置方式帮我们解决这些问题。

在流程图中我们需要通过拖拽交互往画布中添加节点，X6 不仅内置了强大的拖拽功能，还内置了很多常用的图形，接下来我们一起实现基础的流程图图形以及图形拖拽功能。

很多图形都有连接桩的概念，连接桩是节点上固定的点，常用于连线。连接桩的使用方式非常灵活，本文只介绍最佳实践。