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

介绍

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

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

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

功能

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

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

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

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

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

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

支持画布导出成png 图片

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/160808.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

记一次用jlink调试正常，不进入调试就不能运行的情况

记一次用jlink调试正常，不进入调试就不能运行的情况

一、概述 我开机会闪烁所有指示灯，但是重新上电时，指示灯并没有闪烁，就像"卡死"了一样。 使用jlink的swd接口进行调试，需要多点几次运行才能跳转到main函数里面。 调试模式第一次点击运行，暂停查看函数堆栈…
阅读更多...
iframe父子页面通信相互调用传递参数多个postMessage

iframe父子页面通信相互调用传递参数多个postMessage

效果 如何运行 父页面代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document</title>…
阅读更多...
PyTorch DataLoader整理函数详解【collate_fn】

PyTorch DataLoader整理函数详解【collate_fn】

DataLoader 是 PyTorch 中最常用的类之一。 而且&#xff0c;它是你首先学习的内容之一。 该类有很多参数&#xff0c;但最有可能的是&#xff0c;你将使用其中的大约三个参数&#xff08;dataset、shuffle 和 batch_size&#xff09;。 今天我想解释一下 collate_fn 的含义—根…
阅读更多...
【开源】基于JAVA的校园失物招领管理系统

【开源】基于JAVA的校园失物招领管理系统

项目编号&#xff1a; S 006 &#xff0c;文末获取源码。 \color{red}{项目编号&#xff1a;S006&#xff0c;文末获取源码。} 项目编号&#xff1a;S006&#xff0c;文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 招领管理模块2.2 寻物管理模块2.3 系…
阅读更多...
Linux shell编程学习笔记26：stty（set tty）

Linux shell编程学习笔记26：stty（set tty）

之前我们探讨了Linux中的tty&#xff0c;tty命令的主要功能是显示当前使用的终端名称。 如果我们想进一步对tty进行设置&#xff0c;就要用到stty。 stty的功能&#xff1a;显示和修改终端特性&#xff08;Print or change terminal characteristics&#xff09;。 1 stty -…
阅读更多...
设置 SSH 主机 ***: (details) 连接到 VS Code Server - 重试 2

设置 SSH 主机 ***: (details) 连接到 VS Code Server - 重试 2

VS Code Server 一直重试输入密码 问题描述解决方法1、打开命令面板Ctrl shift p2、在输入框中输入Kill3、在弹出框中选择一直重复输入密码的服务器主机号&#xff0c;输入密码即可成功。 问题描述 VSCode 在使用插件 Remote - SSH 连接远程服务器时总是会遇到各种问题&#…
阅读更多...
电脑软件：推荐一款非常实用的固态硬盘优化工具

电脑软件：推荐一款非常实用的固态硬盘优化工具

目录 一、软件简介 二、工作原理 三、功能介绍 3.1、优化SSD设置 3.2、查看驱动器信息 3.3、查看SMART数据 3.4、停用Windows事件日志记录 3.5、禁用Windows碎片整理 3.6、时间戳停用 3.7、禁用引导文件的碎片整理 3.8、关闭短名称 四、使用教程 4.1 安装说明 4.…
阅读更多...
猜数字优化版（带进度条）

猜数字优化版（带进度条）

其实就是加了个动态进度条显示加载游戏的流程&#xff0c;这样看上去是不是更有big了hhhh #include<windows.h> #include<iostream> #include<ctime> using namespace std; void menu() {printf("1.开始游戏\n");printf("0.退出游戏\n")…
阅读更多...
CTFhub-RCE-综合过滤练习

CTFhub-RCE-综合过滤练习

%0a、%0d、%0D%0A burp 抓包 修改请求为 POST /?127.0.0.1%0als 列出当前目录 返回包 http://challenge-135e46015a30567b.sandbox.ctfhub.com:10800/?ip127.0.0.1%0acd%09*here%0ac%27a%27t%09* _311632412323588.php
阅读更多...
基于和声算法优化概率神经网络PNN的分类预测 - 附代码

基于和声算法优化概率神经网络PNN的分类预测 - 附代码

基于和声算法优化概率神经网络PNN的分类预测 - 附代码 文章目录 基于和声算法优化概率神经网络PNN的分类预测 - 附代码1.PNN网络概述2.变压器故障诊街系统相关背景2.1 模型建立 3.基于和声优化的PNN网络5.测试结果6.参考文献7.Matlab代码 摘要&#xff1a;针对PNN神经网络的光滑…
阅读更多...
java+ 如何动态配置业务规则组

java+ 如何动态配置业务规则组

思路 1. 实现在页面上的动态配置规则组&#xff08;2张数据表枚举类serviceimplaction&#xff09; 2. 从数据库中表staffmoverules&#xff08;规则明细表&#xff09;或者staffmovetyperule&#xff08;规则组表&#xff09; &#xff0c;根据传入类型&#xff0c;取出规则编…
阅读更多...
【开源】基于JAVA的快递管理系统

【开源】基于JAVA的快递管理系统

项目编号&#xff1a; S 007 &#xff0c;文末获取源码。 \color{red}{项目编号&#xff1a;S007&#xff0c;文末获取源码。} 项目编号&#xff1a;S007&#xff0c;文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 数据中心模块2.2 快递类型模块2.3 快…
阅读更多...
YOLOv8-Seg改进：渐近特征金字塔网络（AFPN）

YOLOv8-Seg改进：渐近特征金字塔网络（AFPN）

🚀🚀🚀本文改进：AFPN通过融合两个相邻的Low-Level特征来启动的，并渐进地将High-Level特征纳入融合过程，提升分割能力。 🚀🚀🚀AFPN小目标分割首选，暴力涨点 🚀🚀🚀YOLOv8-seg创新专栏：http://t.csdnimg.cn/KLSdv 学姐带你学习YOLOv8，从入门到创新，轻…
阅读更多...
c++中的String

c++中的String

文章目录 String定义对象的方式成员函数operatorbegin/endsizecapacityreserversizeoperator/append/push_backoperator[]/at String String是一个类模版&#xff0c;可以定义一个字符/字符串对象。 字符顺序表 定义对象的方式 定义方式有很多重要的就这几种 string s1;stri…
阅读更多...
配置环境-insightface-torch

配置环境-insightface-torch

1. 创建环境&#xff1a;conda create -n insightface2 python3.8 2.安装pytorch: 我的cuda 是 11.3 然后进入 pytorch 官网查找对应cuda 版本 pytorch 安装 建议使用 pip # CUDA 11.3 conda install pytorch1.12.1 torchvision0.13.1 torchaudio0.12.1 cudatoolkit11.3 -…
阅读更多...
UE5 C++报错：is not currently enabled for Live Coding

UE5 C++报错：is not currently enabled for Live Coding

解决办法&#xff1a; 再次打开项目&#xff0c;以此法打开&#xff1a;
阅读更多...
贝叶斯AB测试

贝叶斯AB测试

AB测试是用来评估变更效果的有效方法&#xff0c;但很多时候会运行大量AB测试&#xff0c;如果能够在测试中复用之前测试的结果&#xff0c;将有效提升AB测试的效率和有效性。原文: Bayesian AB Testing[1] 随机实验&#xff0c;又称AB测试&#xff0c;是行业中评估因果效应的既…
阅读更多...
Windos操作系统下的Zookeeper安装图文教程

Windos操作系统下的Zookeeper安装图文教程

凯哥已经准备好最新版本3.9.1且已经配置好了。既获取到配置好的。 获取到凯哥准备的安装后&#xff0c;只需要修改一下配置。将解压包解压后&#xff0c;找到conf文件&#xff0c;里面有个zoo.cfg配置文件。如下图&#xff1a; 下载后conf文件夹内容 打开zoo.cfg配置文件后&a…
阅读更多...
Vue项目

Vue项目

使用vs打开Vue项目 运行&#xff1a; 终端命令&#xff1a; npm run serve初次打开的是App.vue页面 修改服务器端口 vue.config.js const { defineConfig } require(vue/cli-service) module.exports defineConfig({transpileDependencies: true,devServer: { //增…
阅读更多...
计算机网络——WLAN简解

计算机网络——WLAN简解

1. WLAN的发展历程 ❓ WLAN和WIFI有什么区别。 &#x1f604; 具体来说&#xff0c;WALN是抽象的概念&#xff0c;代表这无线局域网这一类技术&#xff0c;而WIFI则是具体的具体技术标准&#xff0c;虽然在生活中&#xff0c;二者的表现是强相关的&#xff08;因为是使用的wifi…
阅读更多...
最新文章

Copyright @ 2022~2023