当前位置: 首页 > article >正文

利用X6 制作一个简单的流程图工具

介绍

项目模版使用 我自己基于 arco-design 封装的一个 B 端项目模版 。
地址:https://github.com/duKD/antv-x6-org

运用 antv/X6 : https://x6.antv.antgroup.com/ 来实现 一个简单的流程图工具

项目预览:
在这里插入图片描述

功能

支持框选 alt+鼠标左键
在这里插入图片描述

支持 删除节点 选中节点 后 按backspace 键

文本节点 编写 后节点大小自动适配

支持上传本地图片 来当流程节点

左侧节点支持拖拽到画布中

画布支持放大缩小 按住 ctrl 再滚动鼠标滑轮

支持画布导出成png 图片


http://www.kler.cn/a/131762.html

相关文章:

  • Compilation failed; see the compiler error output for details.
  • MySQL是如何进行排序的,ORDER BY是如何执行的
  • shell脚本适用场景
  • 直接插入排序
  • 内网穿透的应用-通过内网穿透快速搭建公网可访问的Spring Boot接口调试环境
  • go语言 | 图解字节青训营抖音(一)
  • 汇编-间接寻址(处理数组)
  • Taro编译警告解决方案:Error: chunk common [mini-css-extract-plugin]
  • 解决升级docker导致的k8s崩溃问题
  • 华纳云:租用的服务器连接超时怎么办?
  • demo(三)eurekaribbonhystrix----服务降级熔断
  • WPF ResourceDictionary的作用
  • Banana Pi BPI-W3之RK3588安装Qt+opencv+采集摄像头画面.
  • openEuler安全配置规范基线
  • 安装应用与免安装应用差异对比
  • mysql 常见操作指令
  • vue+springboot实现登录或注册滑动验证码( AJ-Captcha)
  • 【LeetCode】挑战100天 Day11(热题+面试经典150题)
  • rpc依赖安装
  • 【go】报错整理与解决