• drawio简介以及下载安装


    drawio简介以及下载安装

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

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

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

    为了便于大家更直观的理解,我们在b站上给大家录了讲解与演示教程:
    https://www.bilibili.com/video/BV13Q4y1L7Dv/?spm_id_from=333.337.search-card.all.click&vd_source=16e8748b5af6de2606217e1f5d76f317

    项目起源

    ​ 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

  • 相关阅读:
    ArduPilot开源飞控之AP_Baro_ExternalAHRS
    爬虫-浏览器自动化
    测开系列Selenium Webdriver Python(21)--元素定位2
    ① 尚品汇的前台开发笔记【尚硅谷】【Vue】
    使用 Docker 自建一款怀旧游戏之 - 超级马里奥
    23. 图论 - 图的由来和构成
    Pandas 用ExcelWriter单独对单元格设置格式失败
    2023年亚太杯数学建模亚太赛B题思路解析+代码+论文
    微服务笔记
    Github 自动化部署到github pages
  • 原文地址:https://blog.csdn.net/besidemyself/article/details/133864484