关键词：
前言
本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/83689187
未经博主允许不得转载。
博主地址是：http://blog.csdn.net/freewebsys
1，关于draw.io
是一个在线的编辑画图的软件。
软件可以进行流程图的编辑设计。非常的棒。
可以存储到网络盘上或者下载到本地。
网站地址：
https://www.draw.io/?lang=zh
网站的参数说明：
https://desk.draw.io/support/solutions/articles/16000042546-what-url-parameters-are-supported
带开发者模式：
通过修改
https://www.draw.io/?dev=1
可以在chrome 上面看到源代码映射：
当然本身也是开源软件，apache 开源协议的。
github地址：
https://github.com/jgraph/drawio
7000 多个星星呢。
2，使用
非常方便的使用：
可以画简单，复杂的系统流程图，工作流程引擎啥的呢。
下载git代码，然后可以本地运行。
还有封装的桌面版本可以使用。
https://github.com/jgraph/drawio-desktop
下载项目之后。是个普通的java 工程。不是maven的。
依赖的jar 特别的少。
前后台的全部代码都有呢。主要还是前端的代码。
后端代码，主要是负责账户登录。存储啥的。很少的代码。
主要还是前端的代码。
不是node的项目呢。还是纯js的代码呢。学习使用起来肯定好。
代码量也挺大的呢。慢慢看，最好改装成啥功能。或者参考下自己也做个拖拽的项目。才能学的很好。
同时还使用了 https://electronjs.org/ 项目做桌面版本的支持呢。
还是非常好的项目。
但是这个web 工程里面没有源代码是压缩之后的。
在这个项目：
https://github.com/jgraph/mxgraph
其中npm 对应的lib 在：
https://www.npmjs.com/package/mxgraph
https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html
这个才是前端的代码。
https://github.com/jgraph/mxgraph/tree/master/javascript/examples
下面有好多例子学习。
4，总结
draw.io 是一个图形编辑器。网站只是一个演示。
真正的代码是在 mxgraph 下面。有java js php 的。
将这个转换成自己的项目还需要多研究研究。
本文的原文连接是:
https://blog.csdn.net/freewebsys/article/details/83689187
博主地址是：http://blog.csdn.net/freewebsys
流程图绘制技巧，手把手教你如何画出有创意的流程图
无论是在办公还是在生活中，流程图都是一个必不可少的重要辅助工具，大到建筑设计小到生活计划都需要使用流程图来帮助我们更好的完成每一件事情！ 但是流程图怎么做呢？很多朋友还是不知道的，今天小编给大家带来... 查看详情
你用过哪些好用的开源软件？
参考技术A我推荐一个基于springcloud外延的一个开源项目，主要是针对企业信息化方向的，做得比较不错能开源，支持商用。里面实现了SaaS（用户与租户的多对多关系）、统一多模式登陆、在线表单配置、在线列表页配置，在线... 查看详情
在线时序图
今天想画时序图，之前流程图一般我使用OmniGraffle，也是非常强大；but对款软件如何画时序图还是不怎么熟悉；因此在网上找了在线时序图；结果人意外的找到了在线时序图软件websequencediagrams；自己小试了一把：tit... 查看详情
如何在线绘制思维导图流程图神奇，简单方法介绍
思维导图与流程图的用处非常广泛，不管是工作还是的学习都能用的上，看到别人画的思维导图、流程图都那么高大上，自己也想试试看？下面就教大家如何在线绘制思维导图、流程图。 工具/原料： 电脑 迅捷画图... 查看详情
怎样画思维导图
思维导图是围绕一个中心主题进行展开，对其添加节点，然后再对内容以及框架结构进一步的丰富，然后再进行使用，但是想要绘制出精美的思维导图也是下功夫的，通常绘制思维导图都会借助软件机芯绘制，小编今天将的是利... 查看详情
盘点！windows系统好用的绘图软件！
...c;都有针对性的软件，甚至在我们日常的工作中，流程图也有专门的创意绘图软件！今天笔者就针对每个领域，为大家推荐几款该领域比较合适的软件吧~一、在线UI设计软件✔ Pixso推荐理由：在线设计|多人实... 查看详情
好用的在线作图软件
好用的在线作图软件processon 查看详情
一个很好用的在线编辑展示分享交流javascript代码的平台
...行效果我也想这样展示给别人我做的功能，所以我找到了一个平台----runjs网址：http://runjs.cn/非常好用！！！如果不知道怎么使用 查看详情
一张合格规范的流程图怎样绘制？
流程图在我们的日常生活和工作中都运用的很广泛，流程图可以简单地描述一个过程，是对算法、过程、流程的一种图像表示，很多人在绘制流程图的时候都说流程图很难画，到底是不是这样呢？难道画出一张合格的流程图真的... 查看详情
非常好用的开源流程图工具
https://www.diagrams.net/jgraph/drawio 查看详情
非常好用的开源流程图工具
https://www.diagrams.net/jgraph/drawio 查看详情
在线思维导图软件，5分钟让你做出思维导图
当我们提到思维导图,流程图，大家应该都不会陌生。我一直认为将工作,事件导图化，是一种非常高效的方法，我也经常推荐给身边朋友。思维导图软件画一个思维导图出来确很酷，但是它太消耗时间了。思维导图不是艺术品，... 查看详情
有哪些好用又安全的团队协作软件？
...户信息暗网出售、酒店开房信息泄露事件，说明信息安全非常重要，私有数据最好自主可控成本低，10个用户以内，SaaS在线文档免费，10-20个用户以上文档的价格相差不多，20个用户以上，则私有化部署成本更低定制化，企业信... 查看详情
在线工具介绍：draw.io,geogebra.
...ff0c;并且工具里面还有各种帮助分析的功能draw.io地址在线流程图绘制，算是非常方便基本用法：shift+alt拖动线可以防止吸附在线latexlatex公式编辑overleaf其中overleaf可以支持在中文整个latex文档的编译。graphvizgraphviz.org在... 查看详情
干掉visio，这个画图神器真的绝了！！！(代码片段)
...给有需要的朋友一个参考。 1.用什么画的图？对于画流程图的工具，之前大家用得比较多的可能是：visio和processon了。visio是微软的一款画图软件，需要在电脑上安装，正版软件是付费的，但网上也可以搜... 查看详情
干掉visio，这个画图神器真的绝了！！！(代码片段)
...c;给有需要的朋友一个参考。1.用什么画的图？对于画流程图的工具，之前大家用得比较多的可能是：visio和processon了。visio是微软的一款画图软件，需要在电脑上安装，正版软件是付费的，但网上也可以搜... 查看详情
怎样利用迅捷画图绘制精美思维导图，流程图
思维导图，流程图的用处是比较广泛的，大到企业，小到家庭很多人只知道有这样的软件但是却从来没有上手操作过，所以今天分享一个可以绘制思维导图以及流程图请添加链接描述的在线网站迅捷画图。 工具/原料： ... 查看详情
干掉visio，这个画图神器真的绝了！！！(代码片段)
...c;给有需要的朋友一个参考。1.用什么画的图？对于画流程图的工具，之前大家用得比较多的可能是：visio和processon了。visio是微软的一款画图软件，需要在电脑上安装，正版软件是付费的，但网上也可以搜... 查看详情