当前位置： 首页 > news >正文

drawio简介以及下载安装

news 2025/9/15 12:25:40

drawio简介以及下载安装

drawio是一款非常强大的开源在线的流程图编辑器，支持绘制各种形式的图表，提供了 Web端与客户端支持，同时也支持多种资源类型的导出。

访问网址：draw.io或者直接使用app.diagrams.net直接打开可以使用在线版本。如果用户长期使用可以下载安装到本地电脑使用。

中国版的drawio被集成进了drawon桌案项目中去，网址drawon.cn。用户可以点击注册账号，使用线上SaaS版本。

项目起源

​ drawio项目的历史可以追溯至2005年，当时JGraph团队开始开发mxGraph，这是一个基于客户端的JavaScript与SVG的图表库，用于在Web应用程序中创建交互式图表，支持了Firefox 1.5和Internet Explorer 5.5。
​
​ 2012年，JGraph团队将已有的程序删除了Java applet相关的部分，并且从域名diagram.ly改为draw.io，这是因为创始人觉得io比ly更酷，而drawio则成为了一个基于mxGraph的图表编辑器，可以在浏览器中运行并创建图表，最初是一个内部工具，而后来mxGraph团队决定将其作为一个开源项目发布。
​
​ 在2020年JGraph团队处于安全和版权的考虑，将draw.io移至diagrams.net域，diagrams.net目前仍然是一个活跃的开源项目，拥有大量的用户和贡献者，支持多种图表类型，包括流程图、组织结构图、UML图等，同时还支持多种文件格式，包括XML、PNG、JPEG、PDF等。

mxGraph项目现状

​ mxGraph的项目地址：https://github.com/jgraph/mxgraph， 这是一个基于客户端的JavaScript与SVG的图表库，用于在Web应用程序中创建交互式图表。 该库并未实用任何第三方软件，也无需插件。可以被集成到其他基于前端应用中。
​
​ 该项目是基于javascript语言开发的， 并不支持typescript语言，如果需要支持typescript语言，可以使用这个项目typed-mxgraph：https://github.com/typed-mxgraph/typed-mxgraph。

开源项目

github搜索drawio获得如下结果
在这里插入图片描述

下表给出一个源码说明(重点项目)

项目名称github地址说明
jgraph/mxgraphhttps://github.com/jgraph/mxgraphdrawio的核心图形渲染库，
该项目已经很稳定，目前已经是readonly模式
jgraph/drawiohttps://github.com/jgraph/drawiodrawio.io在线版本的库
jgraph/drawio-desktophttps://github.com/jgraph/drawio-desktop基于electron的桌面端安装版本的软件
jgraph/drawio-githubhttps://github.com/jgraph/drawio-githubgithub上安装了drawio应用
hediet/vscode-drawiohttps://github.com/hediet/vscode-drawiovscode上安装插件可以使用drawio
jgraph/drawio-libshttps://github.com/jgraph/drawio-libsdrawio相关的组件库

开源协议说明

源代码是基于Apache v2协议而授权的。 整个核心代码均是开源的。但是有一些边界函数，发不起来非常困难，因此采用的方式就是我们来维护他们。

JGraph提供的图表以及图表模板是基于CC BY 4.0协议授权许可。 还有一些内容的使用遵循第三方公司版权协议。 我们会检查所有的情况，原始的许可在该项目下会被允许。

除此之外， 最小化尺寸的javascript 以及java库在该工程中被使用。 这些所有的许可都是基于Apache2.0协议， 不包含任何GPL以及AGPL的协议。 对所有的第三方代码都进行了详尽的检查。

衍生出来的产品

如下图所示基于mxGraph所衍生出来的产品：
在这里插入图片描述

从图中，可以看出，国外的Tldraw和Excalidraw均是基于drawio所开发。 而国内的drawon.cn 以及有道云笔记，processon和飞书文档均是基于drawio的源码所修改。

下载使用

官方发布连接

用户可以使用jgraph/drawio-desktop这个项目的发布本版，下载，并安装到自己的电脑上使用。

https://github.com/jgraph/drawio-desktop/releases

下载安装包，支持windows, linux, 和macOS操作系统。如下分别对安装包进行说明

如下图为github的截图
在这里插入图片描述

文件下载说明

blockmap文件：后缀名位blockmap的文件，它为一个XML格式的文档。包含了应用程序的文件列表，以及存储在包中的每个数据块的索引和加密哈希值。安装不需要该文件(点击文件名称可直接下载)。

文件名称CPU架构操作系统说明
draw.io-22.0.2-windows-installer.exex64windowsx64架构windows操作系统的安装文件
draw.io-22.0.2-windows-no-installer.exex64windowsx64架构windows操作系统直接运行无需安装
draw.io-ia32-22.0.2-windows-32bit-installer.exex32windowsx32架构windows操作系统的安装文件
draw.io-22.0.2.msi通用windowswindows系统图形化应用的基本安装包
draw.io-arm64-22.0.2.dmgarm64macOS苹果电脑arm64架构的应用程序
draw.io-arm64-22.0.2.ziparm64macOS无需安装的版本，解压直接运行。
draw.io-universal-22.0.2.dmg通用macOS苹果电脑通用版本
draw.io-x64-22.0.2.dmgx64macOSx64架构macOS电脑的安装包
draw.io-x64-22.0.2.zipx64macOS无需安装，解压直接运行
drawio-aarch64-22.0.2.rpmaarch64linuxaarch64架构的linux系统的安装包rpm格式
drawio-amd64-22.0.2.debamd64linuxamd架构的linux系统的安装包deb格式
drawio-arm64-22.0.2.AppImagearm64linuxarm64格式的linux系统的安装包
drawio-arm64-22.0.2.debarm64linuxarm64架构的linux系统的安装包deb格式
drawio-x86_64-22.0.2.AppImagex64linuxx64架构的linux安装包appImage格式
drawio-x86_64-22.0.2.rpmx64linuxx64架构的linux安装包，rpm格式

如何选择不同的安装包，首先思考您所使用的操作系统是什么，一般情况下PC电脑会有三种操作系统，windows, macOS, linux, 安装顺序，windows普及率最高，其次是macOS, 最后是linux。 然后再看你的操作系统是基于那种CPU架构。 最后再找到对应的包下载即可。

例如： windows 操作系统，x64架构，不需要安装直接能运行的包为：draw.io-22.0.2-windows-no-installer.exe

其他途径下载

本节就讲到这里，希望对你有所帮助。

windows安装版下载地址，在drawon上上传了一份， 点击这里： https://www.drawon.cn/template/details/64ba16195eab3d5d6a01a278

相关文章：

drawio简介以及下载安装

drawio简介以及下载安装 drawio是一款非常强大的开源在线的流程图编辑器，支持绘制各种形式的图表，提供了 Web端与客户端支持，同时也支持多种资源类型的导出。 访问网址：draw.io或者直接使用app.diagrams.net直接打开可以使用在线版…...

编程日记 2023/10/17 2:36:15

Sql Server 数据库中的所有已定义的唯一约束 （列名称 合并过了）

查询Sql Server Database中的唯一约束 with UniqueBasic as (SELECTtab.name AS TableName, -- 表名称idx.name AS UniqueName, -- 唯一约束的名称col.name AS UniqueFieldName -- 唯一约束的表字段FROMsys.indexes idxJOIN sys.index_columns idxColON (idx.object_id idxCo…...

编程日记 2023/10/17 2:35:14

elasticsearch （六）filebeat 安装学习

filebeat 安装：文件节拍快速入门：安装和配置 |文件节拍参考 [7.17] |弹性的 (elastic.co) 解压缩后，以配置nginx日志为例。 Nginx module | Filebeat Reference [7.17] | Elastic filebeat 配置中， - module: nginx access: …...

编程日记 2023/10/17 2:33:12

算法通关村第一关|青铜|链表笔记

1.理解 Java 如何构造出链表 在 Java 中，我们创建一个链表类，类中应当有两个属性，一个是结点的值 val ，一个是该结点指向的下一个结点 next 。 next 通俗讲是一个链表中的指针，但是在链表类中是一个链表类型的引用变量…...

编程日记 2023/10/17 2:31:10

【记录】使用Python读取Tiff图像的几种方法

文章目录 PIL.Imagecv2gdal 本文总结了使用 PIL Image, cv2, gdal.Open三种python package 读取多通道Tiff格式遥感影像的方法。 PIL.Image PIL对Tiff只支持两种格式的图像： 多通道8bit图像单通道int16, int32, float32图像 多通道多bit的tiff图像PIL不支持读取…...

编程日记 2023/10/17 2:28:06

JOSEF约瑟 多档切换式漏电（剩余）继电器JHOK-ZBL1 30/100/300/500mA

系列型号： JHOK-ZBL多档切换式漏电（剩余）继电器（导轨） JHOK-ZBL1多档切换式漏电（剩余）继电器 JHOK-ZBL2多档切换式漏电（剩余）继电器 JHOK-ZBM多档切换式漏电&#xf…...

编程日记 2023/10/17 2:26:04

Linux部署kubeedge 1.4

文章目录 一、机器信息二、环境准备（所有节点操作）2.1. 修改主机名2.2. 开启路由转发2.3.安装Docker（所有节点）2.4.部署K8S集群(单机版，云端节点) 2.5.安装Mosquitto（只在边缘节点安装)三、安装kubeedge 1.…...

编程日记 2023/10/17 2:24:03

第一章习题

文章目录 x ( t ) j e j w 0 t x(t)je^{jw_0t} x(t)jejw0​t x [ n ] j e j w 0 n x[n]je^{jw_0n} x[n]jejw0​n 求基本周期： T 2 Π w 0 T\frac{2Π}{w_0} Tw0​2Π​ 对x[n],T为有理数才算 1、求信号x(t)2cos(10t1)-sin(4t-1)的基波周期 2 Π 10 Π 5 \frac{2…...

编程日记 2023/10/17 2:23:02

nvm、node、npm解决问题过程记录

在Windows10如何降级Node.js版本：可以尝试将Node.js版本降级到一个较旧的版本，以查看问题是否得以解决。可以使用Node Version Manager (nvm) 来轻松切换Node.js版本，具体完整步骤： 首先，需要安装Node Version Manager…...

编程日记 2023/10/17 2:22:01

Linux- DWARF调试文件格式

基本概念 DWARF是一个用于在可执行程序和其源代码之间进行关联的调试文件格式。当开发者使用调试编译选项（例如，使用gcc时的-g标志）编译程序时，编译器会生成这种格式的调试信息。这些信息在后续的调试过程中非常有用，…...

编程日记 2023/10/17 2:17:55

软件工程第六周

软件体系结构概述 体系结构：一种思想，而框架就是思想的实现，设计模式就是根据某一特殊问题实现的框架。 体系结构：体系结构是软件系统的高级结构。它定义了系统的主要组成部分，以及这些部分之间的关系和交互方式。 框…...

编程日记 2023/10/17 2:16:54

node+pm2安装部署

1、安装node 下载node安装包： wget https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz 解压： tar -xvJf node-v14.17.0-linux-x64.tar.xz 配置环境变量，在/etc/profile文件最后添加以下脚本： export PATH$P…...

编程日记 2023/10/17 2:15:54

大数据学习(11)-hive on mapreduce详解

&&大数据学习&& 🔥系列专栏： 👑哲学语录: 承认自己的无知，乃是开启智慧的大门 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言📝支持一下博>主哦&#x…...

编程日记 2023/10/17 2:13:50

MyBatis基础之自动映射、映射类型、文件注解双配置

文章目录 自动映射原理jdbcType同时启用配置文件和注解两种配置方式 自动映射原理 在 MyBatis 的配置文件（settings 元素部分）中，有一个 autoMappingBehavior 配置，其默认值为 PARTIAL ，表示 MyBatis 会自动映射&…...

编程日记 2023/10/17 2:12:49

8、docker 安装 nginx

1、下载镜像 docker pull nginx 2、本机创建目录 1）创建nginx挂载目录 mkdir /usr/local/nginx 2）进入nginx目录 cd /usr/local/nginx 3）创建 www和logs目录 mkdir -p www logs 3、创建nginx容器 此容器用于复制配置文件，复…...

编程日记 2023/10/17 2:11:48

关于Skywalking Agent customize-enhance-trace对应用复杂参数类型取值

对于Skywalking Agent customize-enhance-trace 大家应该不陌生了，主要支持以非入侵的方式按用户自定义的Span跟踪对应的应用方法，并获取数据。 参考https://skywalking.apache.org/docs/skywalking-java/v9.0.0/en/setup/service-agent/java-agent/cust…...

编程日记 2023/10/17 2:10:47

手机路径、Windows路径知识及delphiXE跨设备APP自动下载和升级

手机路径、Windows路径知识 及delphiXE跨设备APP自动下载和升级 一、APP安装程序文件版本和权限信息 1、运行时动态调用Android apk的AndroidManifest.xml获取versionName 2、运行时动态调用IOS ipa的info.plist获取CFBundleVersion （和entitlements&#xff09…...

编程日记 2023/10/17 2:09:47

GitLab 502问题解决方案

由于最近 gitlab 切换到另一台服务器上部署的 gitlab 后，经常出现 502。平时重启 gitlab 后都能解决，今天突然重启多次后都还是 502（重启日志是正常的），遂通过 gitlab-ctl tail 查看日志进行排查。 gitlab-ctl tail通…...

编程日记 2023/10/17 2:08:46

selenium打开火狐浏览器

项目上需求为：甲方OA 系统是IE系统，需要从IE系统点个按钮打开火狐浏览器单点登录跳转到我们的系统 前期解决方案为：打开浏览器就行了，然后就用的是打开本地浏览器，但是由于B/S架构，有别人远程访问我的ip来…...

编程日记 2023/10/17 2:07:45

多标签分类论文笔记 | ML-Decoder: Scalable and Versatile Classification Head

个人论文精读笔记，主要是翻译心得，欢迎旁观，如果有兴趣可以在评论区留言，我们一起探讨。 Paper: https://arxiv.org/pdf/2111.12933.pdf Code: https://github.com/Alibaba-MIIL/ML_Decoder 文章目录 0. 摘要1. 介绍2. 方法2.1 Ba…...

编程日记 2023/10/17 2:06:44

微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】

微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来，Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...

编程新知 2025/9/9 10:12:58

条件运算符

C中的三目运算符（也称条件运算符，英文：ternary operator）是一种简洁的条件选择语句，语法如下： 条件表达式 ? 表达式1 : 表达式2• 如果“条件表达式”为true，则整个表达式的结果为“表达式1”…...

编程新知 2025/9/11 12:54:54

【快手拥抱开源】通过快手团队开源的 KwaiCoder-AutoThink-preview 解锁大语言模型的潜力

引言： 在人工智能快速发展的浪潮中，快手Kwaipilot团队推出的 KwaiCoder-AutoThink-preview 具有里程碑意义——这是首个公开的AutoThink大语言模型（LLM）。该模型代表着该领域的重大突破，通过独特方式融合思考与非思考…...

编程新知 2025/9/6 0:09:27

python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）

更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...

编程新知 2025/6/21 6:25:06

相机从app启动流程

一、流程框架图 二、具体流程分析 1、得到cameralist和对应的静态信息 目录如下： 重点代码分析： 启动相机前，先要通过getCameraIdList获取camera的个数以及id，然后可以通过getCameraCharacteristics获取对应id camera的capabilities（静态信息）进行一些openCamera前的…...

编程新知 2025/9/9 16:47:52

vue3 定时器-定义全局方法 vue+ts

1.创建ts文件 路径&#xff1a;src/utils/timer.ts 完整代码&#xff1a; import { onUnmounted } from vuetype TimerCallback (...args: any[]) > voidexport function useGlobalTimer() {const timers: Map<number, NodeJS.Timeout> new Map()// 创建定时器con…...

编程新知 2025/8/9 0:31:20

三体问题详解

从物理学角度&#xff0c;三体问题之所以不稳定&#xff0c;是因为三个天体在万有引力作用下相互作用&#xff0c;形成一个非线性耦合系统。我们可以从牛顿经典力学出发&#xff0c;列出具体的运动方程&#xff0c;并说明为何这个系统本质上是混沌的&#xff0c;无法得到一般解…...

编程新知 2025/8/18 17:38:23

鱼香ros docker配置镜像报错：https://registry-1.docker.io/v2/

使用鱼香ros一件安装docker时的https://registry-1.docker.io/v2/问题 一键安装指令 wget http://fishros.com/install -O fishros && . fishros出现问题&#xff1a;docker pull 失败 网络不同&#xff0c;需要使用镜像源 按照如下步骤操作 sudo vi /etc/docker/dae…...

编程新知 2025/9/5 21:18:15

Redis的发布订阅模式与专业的 MQ（如 Kafka, RabbitMQ）相比，优缺点是什么？适用于哪些场景？

Redis 的发布订阅&#xff08;Pub/Sub&#xff09;模式与专业的 MQ&#xff08;Message Queue&#xff09;如 Kafka、RabbitMQ 进行比较&#xff0c;核心的权衡点在于&#xff1a;简单与速度 vs. 可靠与功能。 下面我们详细展开对比。 Redis Pub/Sub 的核心特点 它是一个发后…...

编程新知 2025/8/21 20:41:27

服务器--宝塔命令

一、宝塔面板安装命令 ⚠️ 必须使用 root 用户 或 sudo 权限执行&#xff01; sudo su - 1. CentOS 系统&#xff1a; yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh2. Ubuntu / Debian 系统…...

编程新知 2025/8/24 22:00:49