X6 是 AntV 旗下的图编辑引擎提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用

weixin_45971935 2022-03-05 12:33:07

X6 是 AntV 旗下的图编辑引擎提供简单易用的节点定制能力和开箱即用的交互组件，方便我们快速搭建流程图、DAG 图、ER 图等图应用

使用文档

...全文

476 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

基于Vue3+ts+element-plus+AntV X6实现的流程图编辑器源码

流程图的渲染实现

X6是AntV隶属的图编辑引擎提供了开箱即用的交互组件和简单易用的中断定制能力，方便我们快速构建流程图，DAG图，ER图等图应用。简体中文| 特性 :seedling:极易定制：支持使用SVG / HTML / React / Vue定制例程样式和交互； :rocket:开箱即用：内置10+图编辑配套扩展，如框选，对齐线，小地图等； :magnet:数据驱动：基于MVC架构，用户更多专注于数据逻辑和业务逻辑； :hundred_points:事件驱动：可以监听图表内部发生的任何事件。安装使用NPM /纱线 # npm $ npm install @antv/x6 --save # yarn $ yarn add @antv/x6 使用CDN 可以使用以下任意一个最新版本的CDN地址： < script src =" https://unpkg.com/@antv/x6/dist/x6.js " > </ script > 在生产环境中，建议使用指

AntV X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建流程图、DAG 图、ER 图等图应用。在项目文件安装AntV X6，通过 npm 或 yarn 命令安装 X6。然后在js文档外再挂一个文档，把咱的数据向外暴露，方便组件调取。防止有些友友没看过（一），再介绍一次（才不是水字数）

初识Antv-X6简介1.官网地址2. 官方例子选择Antv-X61. 原因简介 X6 是 AntV 旗下的图编辑引擎，提供了一系列开箱即用的交互组件和简单易用的节点定制能力，方便我们快速搭建 DAG 图、ER 图、流程图等应用。 1.官网地址链接: antv 2. 官方例子图表示例链接: antv-examples 官方流程图demo在线地址: antv-demo 选择Antv-X6 1. 原因近期项目中有流程图以及泳道图的需求，一开始选型为mxgraph，抠破头后也只做了个小demo出来，完全没

50

社区成员

106

社区内容

发帖

与我相关

我的任务

其他企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章