如何画流程图,在线绘制拓扑图免费工具推荐和使用教程

2022年1月11日学习笔记238,169字数 580阅读1分56秒阅读模式

最近喜欢逛张大妈,上面有很多不错的家庭网络配置教程,学到了很多。

经常在上面看到他们有分享自己的网络拓扑图,清晰明了,感觉很厉害的样子。所以我就好奇这个使用什么工具画的。

翻阅了大量网站和文章,很多都推荐国内的ProcessOn,试用了下还不错,不过很多功能限制,需要付费。

然后!我在国外看到一个项目,打开一看,界面和ProcessOn一摸一样,而且有更多的图标,还是开源的,甚合我意!

就是这个:Draw.io

现在好像改名字了,叫diagrams

两个网站网址不同,但最终都是跳到同一个地方。

image-20220111155225518

这个就是我用工具绘制的家庭网络图,是不是还挺像那么回事的。

 

这个网站是支持中文的。

并且支持导出多种图片和文档格式。

image-20220111161813848

 

实际使用也是很简单的,下面分享下使用教程。

简单使用教程

1.

打开网站Draw.io

首次进入需要选择储存的地址,可以直接存在云盘上,也可以存在本地。

1641888195198.png

选择创建新的项目:

1641888343346.png

然后选择模板,选择电脑存放地址即可。

2.

修改语言为中文。

右上角地球图标,点击他就可以修改语言。

image-20220111161433033

3.

编辑你的流程图

中间是画布,左边是元素,右边是属性。

官方提供了很多图形素材的,下面还有很多分类。

image-20220111160959467

我们可以自由的从左边拖入图形。修改其中的文字内容。

鼠标放到图形上,点击箭头就可以拖出连接线。

 

image-20220111161212452

 

都是中文的,突然觉得我做文字教程好像也没太大必要性。

可以根据上面教程,调出中文,然后自行摸索绘制吧!祝愉快~

正则表达式超详细使用指南 学习笔记

正则表达式超详细使用指南

相信我,只要你开始接触编程相关的,你肯定无法避开正则表达式。 这玩意吧,大多数时候直接复制就可以解决问题,也没专门的课程讲这个,很容易导致对这块知识一知半解。 不过真的去了解下,发现学起来也不难,而且...
PHP代码魔方二代加密解密方法 学习笔记

PHP代码魔方二代加密解密方法

0x00 前言 最近在尝试了解wordpress的主题加密方法,特意看了下本站的begin主题,于是百度了一圈加密特征,推测使用的是魔方二代加密方法。 之前吾爱破解上有魔方二代加密反编译代码的文章,对...
评论  2  访客  0  作者  2
    • 小笔
      小笔

      补充2:
      连接线连接图形时分两种:
      1)连接到固定点,绿色,此时图形任意移动,连接点不变;
      2)连接到图形,蓝色,此时连接点会随着图形位置移动,改变连接点位置

      • 小笔
        小笔

        可以直接拖入SVG图形,实现自定义

      发表评论