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