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/mxgraph	https://github.com/jgraph/mxgraph	drawio的核心图形渲染库，该项目已经很稳定，目前已经是readonly模式
jgraph/drawio	https://github.com/jgraph/drawio	drawio.io在线版本的库
jgraph/drawio-desktop	https://github.com/jgraph/drawio-desktop	基于electron的桌面端安装版本的软件
jgraph/drawio-github	https://github.com/jgraph/drawio-github	github上安装了drawio应用
hediet/vscode-drawio	https://github.com/hediet/vscode-drawio	vscode上安装插件可以使用drawio
jgraph/drawio-libs	https://github.com/jgraph/drawio-libs	drawio相关的组件库

开源协议说明

源代码是基于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.exe	x64	windows	x64架构windows操作系统的安装文件
draw.io-22.0.2-windows-no-installer.exe	x64	windows	x64架构windows操作系统直接运行无需安装
draw.io-ia32-22.0.2-windows-32bit-installer.exe	x32	windows	x32架构windows操作系统的安装文件
draw.io-22.0.2.msi	通用	windows	windows系统图形化应用的基本安装包
draw.io-arm64-22.0.2.dmg	arm64	macOS	苹果电脑arm64架构的应用程序
draw.io-arm64-22.0.2.zip	arm64	macOS	无需安装的版本，解压直接运行。
draw.io-universal-22.0.2.dmg	通用	macOS	苹果电脑通用版本
draw.io-x64-22.0.2.dmg	x64	macOS	x64架构macOS电脑的安装包
draw.io-x64-22.0.2.zip	x64	macOS	无需安装，解压直接运行
drawio-aarch64-22.0.2.rpm	aarch64	linux	aarch64架构的linux系统的安装包rpm格式
drawio-amd64-22.0.2.deb	amd64	linux	amd架构的linux系统的安装包deb格式
drawio-arm64-22.0.2.AppImage	arm64	linux	arm64格式的linux系统的安装包
drawio-arm64-22.0.2.deb	arm64	linux	arm64架构的linux系统的安装包deb格式
drawio-x86_64-22.0.2.AppImage	x64	linux	x64架构的linux安装包appImage格式
drawio-x86_64-22.0.2.rpm	x64	linux	x64架构的linux安装包，rpm格式