drawio简介以及下载安装
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格式 | 
如何选择不同的安装包,首先思考您所使用的操作系统是什么,一般情况下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直接打开可以使用在线版…...
 
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…...
 
elasticsearch (六)filebeat 安装学习
filebeat 安装:文件节拍快速入门:安装和配置 |文件节拍参考 [7.17] |弹性的 (elastic.co) 解压缩后,以配置nginx日志为例。 Nginx module | Filebeat Reference [7.17] | Elastic filebeat 配置中, - module: nginx access: …...
算法通关村第一关|青铜|链表笔记
1.理解 Java 如何构造出链表 在 Java 中,我们创建一个链表类,类中应当有两个属性,一个是结点的值 val ,一个是该结点指向的下一个结点 next 。 next 通俗讲是一个链表中的指针,但是在链表类中是一个链表类型的引用变量…...
【记录】使用Python读取Tiff图像的几种方法
文章目录 PIL.Imagecv2gdal 本文总结了使用 PIL Image, cv2, gdal.Open三种python package 读取多通道Tiff格式遥感影像的方法。 PIL.Image PIL对Tiff只支持两种格式的图像: 多通道8bit图像单通道int16, int32, float32图像 多通道多bit的tiff图像PIL不支持读取…...
 
JOSEF约瑟 多档切换式漏电(剩余)继电器JHOK-ZBL1 30/100/300/500mA
系列型号: JHOK-ZBL多档切换式漏电(剩余)继电器(导轨) JHOK-ZBL1多档切换式漏电(剩余)继电器 JHOK-ZBL2多档切换式漏电(剩余)继电器 JHOK-ZBM多档切换式漏电…...
 
Linux部署kubeedge 1.4
文章目录 一、机器信息二、环境准备(所有节点操作)2.1. 修改主机名2.2. 开启路由转发2.3.安装Docker(所有节点)2.4.部署K8S集群(单机版,云端节点) 2.5.安装Mosquitto(只在边缘节点安装)三、安装kubeedge 1.…...
第一章习题
文章目录 x ( t ) j e j w 0 t x(t)je^{jw_0t} x(t)jejw0t x [ n ] j e j w 0 n x[n]je^{jw_0n} x[n]jejw0n 求基本周期: T 2 Π w 0 T\frac{2Π}{w_0} Tw02Π 对x[n],T为有理数才算 1、求信号x(t)2cos(10t1)-sin(4t-1)的基波周期 2 Π 10 Π 5 \frac{2…...
 
nvm、node、npm解决问题过程记录
在Windows10如何降级Node.js版本:可以尝试将Node.js版本降级到一个较旧的版本,以查看问题是否得以解决。可以使用Node Version Manager (nvm) 来轻松切换Node.js版本,具体完整步骤: 首先,需要安装Node Version Manager…...
Linux- DWARF调试文件格式
基本概念 DWARF是一个用于在可执行程序和其源代码之间进行关联的调试文件格式。当开发者使用调试编译选项(例如,使用gcc时的-g标志)编译程序时,编译器会生成这种格式的调试信息。这些信息在后续的调试过程中非常有用,…...
 
软件工程第六周
软件体系结构概述 体系结构:一种思想,而框架就是思想的实现,设计模式就是根据某一特殊问题实现的框架。 体系结构:体系结构是软件系统的高级结构。它定义了系统的主要组成部分,以及这些部分之间的关系和交互方式。 框…...
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…...
大数据学习(11)-hive on mapreduce详解
&&大数据学习&& 🔥系列专栏: 👑哲学语录: 承认自己的无知,乃是开启智慧的大门 💖如果觉得博主的文章还不错的话,请点赞👍收藏⭐️留言📝支持一下博>主哦&#x…...
 
MyBatis基础之自动映射、映射类型、文件注解双配置
文章目录 自动映射原理jdbcType同时启用配置文件和注解两种配置方式 自动映射原理 在 MyBatis 的配置文件(settings 元素部分)中,有一个 autoMappingBehavior 配置,其默认值为 PARTIAL ,表示 MyBatis 会自动映射&…...
 
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容器 此容器用于复制配置文件,复…...
 
关于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…...
手机路径、Windows路径知识及delphiXE跨设备APP自动下载和升级
手机路径、Windows路径知识 及delphiXE跨设备APP自动下载和升级 一、APP安装程序文件版本和权限信息 1、运行时动态调用Android apk的AndroidManifest.xml获取versionName 2、运行时动态调用IOS ipa的info.plist获取CFBundleVersion (和entitlements)…...
 
GitLab 502问题解决方案
由于最近 gitlab 切换到另一台服务器上部署的 gitlab 后,经常出现 502。平时重启 gitlab 后都能解决,今天突然重启多次后都还是 502(重启日志是正常的),遂通过 gitlab-ctl tail 查看日志进行排查。 gitlab-ctl tail通…...
 
selenium打开火狐浏览器
项目上需求为:甲方OA 系统是IE系统,需要从IE系统点个按钮打开火狐浏览器单点登录跳转到我们的系统 前期解决方案为:打开浏览器就行了,然后就用的是打开本地浏览器,但是由于B/S架构,有别人远程访问我的ip来…...
 
多标签分类论文笔记 | 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…...
 
龙虎榜——20250610
上证指数放量收阴线,个股多数下跌,盘中受消息影响大幅波动。 深证指数放量收阴线形成顶分型,指数短线有调整的需求,大概需要一两天。 2025年6月10日龙虎榜行业方向分析 1. 金融科技 代表标的:御银股份、雄帝科技 驱动…...
 
JavaScript 中的 ES|QL:利用 Apache Arrow 工具
作者:来自 Elastic Jeffrey Rengifo 学习如何将 ES|QL 与 JavaScript 的 Apache Arrow 客户端工具一起使用。 想获得 Elastic 认证吗?了解下一期 Elasticsearch Engineer 培训的时间吧! Elasticsearch 拥有众多新功能,助你为自己…...
从零实现富文本编辑器#5-编辑器选区模型的状态结构表达
先前我们总结了浏览器选区模型的交互策略,并且实现了基本的选区操作,还调研了自绘选区的实现。那么相对的,我们还需要设计编辑器的选区表达,也可以称为模型选区。编辑器中应用变更时的操作范围,就是以模型选区为基准来…...
Linux云原生安全:零信任架构与机密计算
Linux云原生安全:零信任架构与机密计算 构建坚不可摧的云原生防御体系 引言:云原生安全的范式革命 随着云原生技术的普及,安全边界正在从传统的网络边界向工作负载内部转移。Gartner预测,到2025年,零信任架构将成为超…...
 
C++ Visual Studio 2017厂商给的源码没有.sln文件 易兆微芯片下载工具加开机动画下载。
1.先用Visual Studio 2017打开Yichip YC31xx loader.vcxproj,再用Visual Studio 2022打开。再保侟就有.sln文件了。 易兆微芯片下载工具加开机动画下载 ExtraDownloadFile1Info.\logo.bin|0|0|10D2000|0 MFC应用兼容CMD 在BOOL CYichipYC31xxloaderDlg::OnIni…...
 
JVM虚拟机:内存结构、垃圾回收、性能优化
1、JVM虚拟机的简介 Java 虚拟机(Java Virtual Machine 简称:JVM)是运行所有 Java 程序的抽象计算机,是 Java 语言的运行环境,实现了 Java 程序的跨平台特性。JVM 屏蔽了与具体操作系统平台相关的信息,使得 Java 程序只需生成在 JVM 上运行的目标代码(字节码),就可以…...
Go 并发编程基础:通道(Channel)的使用
在 Go 中,Channel 是 Goroutine 之间通信的核心机制。它提供了一个线程安全的通信方式,用于在多个 Goroutine 之间传递数据,从而实现高效的并发编程。 本章将介绍 Channel 的基本概念、用法、缓冲、关闭机制以及 select 的使用。 一、Channel…...
C#学习第29天:表达式树(Expression Trees)
目录 什么是表达式树? 核心概念 1.表达式树的构建 2. 表达式树与Lambda表达式 3.解析和访问表达式树 4.动态条件查询 表达式树的优势 1.动态构建查询 2.LINQ 提供程序支持: 3.性能优化 4.元数据处理 5.代码转换和重写 适用场景 代码复杂性…...
 
【JVM】Java虚拟机(二)——垃圾回收
目录 一、如何判断对象可以回收 (一)引用计数法 (二)可达性分析算法 二、垃圾回收算法 (一)标记清除 (二)标记整理 (三)复制 (四ÿ…...
 
Razor编程中@Html的方法使用大全
文章目录 1. 基础HTML辅助方法1.1 Html.ActionLink()1.2 Html.RouteLink()1.3 Html.Display() / Html.DisplayFor()1.4 Html.Editor() / Html.EditorFor()1.5 Html.Label() / Html.LabelFor()1.6 Html.TextBox() / Html.TextBoxFor() 2. 表单相关辅助方法2.1 Html.BeginForm() …...
