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

2022年1月11日学习笔记2171,321字数 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

 

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

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

评论  2  访客  0  作者  2
    • 小笔
      小笔

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

      • 小笔
        小笔

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

      匿名

      发表评论

      匿名网友

      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

      确定