前言 在一些大型项目中,单兵作战方式已经成为过去式,团队合作开发成为主要方式。对于一个开源项目来说,这个团队就是开源社区,一群人为各自的原因聚在...
随着新兴产业的蓬勃发展,许多专有领域概念层出不穷,怎么将系统中的任务流程化以及让使用者快速理解和上手操作是产品和技术人员面临的一个非常大的挑战,...
开始 在使用软件的过程中,我们经常会使用一些快捷键来提高效率,比如 Ctrl +C、Ctrl + V,同样,在流程图应用中,也需要一些快捷键来提...
开始 一个开箱即用的技术框架,一定会有完备的配套工具。X6[https://github.com/antvis/X6] 提供了大量的图编辑功能,...
开始 在手动连线的过程中,还需要处理一些交互细节,比如到达连接桩附近自动吸附、可连接元素的高亮显示等,幸运的是这些都不需要我们自己去实现,X6[...
开始 很多图形都有连接桩的概念,连接桩是节点上固定的点,常用于连线。连接桩的使用方式非常灵活,本文只介绍最佳实践。 实现 连接桩定义 首先来看一...
开始 连线是 X6[https://github.com/antvis/X6] 中非常重要的一部分,X6[https://github.com/...
开始 在流程图中我们需要通过拖拽交互往画布中添加节点,X6 不仅内置了强大的拖拽功能,还内置了很多常用的图形,接下来我们一起实现基础的流程图图形...
开始 下面我们开始实现流程图的画布功能,从两个方面着手,第一个是画布的样式,包括网格和背景,第二个是画布的操作,包括平移和缩放。首先来看看两个经...