万物皆可Draw.io

简介: 最近迷上了一款工具:Draw.io。用过几次之后,就一发不可收拾了。

最近迷上了一款工具:Draw.io。用过几次之后,就一发不可收拾了。

平时在写 md 文章时,经常需要插入一些框架图、原理图,而且这些图改动比较频繁,每次修改都需要重新生成图片,再插入到 md 中,比较繁琐。

直到组内小伙伴推荐了 Draw.io 这个插件,点击引用的图片链接,就可以进入编辑页面,修改后实时生效,简直不要太方便。

万物皆可drawio-插件.png

在 md 中直接修改 Draw.io 的图:

万物皆可drawio-Drawio演示.gif

抱歉图片有点糊,因为原图太大,老是上传失败,就压缩了一下。

Draw.io 在工作中特别实用。

比如每次提测需求,都需要给 QA 同学写测试建议,我也会用 Draw.io 来做:文字 + 图片,特别清晰,最后输出一张图片,发给 QA 同学即可:

万物皆可drawio-测试建议.png

画完后,导出为图片即可:

万物皆可drawio-输出为图片.png

我现在甚至连健身计划也使用 Draw.io 来制作:

万物皆可drawio-健身计划.png
我个人比较喜欢的是带网格背景的图形:

万物皆可drawio-网格背景.png

至于字体的话,自带的字体比较普通,可以自己自定义,我比较喜欢 Google 的 ZCOOL KuaiLe 中文字体。

自定义字体的方式如下:

万物皆可drawio-自定义字体1.png

可以选择自定义系统的字体、Google 字体和 Web 在线字体:

万物皆可drawio-自定义字体2.png

我这里选择自定义一个 Google 的 ZCOOL KuaiLe 字体:

万物皆可drawio-自定义字体3.png

更多的 Google 字体可以去这里查看:google fonts

筛选出中文字体:

万物皆可drawio-自定义字体4.png

字体效果如下:

万物皆可drawio-自定义字体5.png

Draw.io 还有很多功能,大家可以自行探索、尝试。

相关文章
|
9月前
|
缓存 数据可视化 JavaScript
draw-io
Draw.io是一个可配置的图表/白板可视化应用程序。draw.io 由英国软件公司JGraph Ltd拥有和开发。这是一个开源项目(但对贡献是封闭的)可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等
364 0
draw-io
|
7月前
|
存储 Java 索引
"Java中的File类、IO基础、IO分类以及字节流的重要性"
"Java中的File类、IO基础、IO分类以及字节流的重要性"
40 0
|
10月前
|
存储 Linux 文件存储
基础IO详解(一)
基础IO详解
76 0
|
10月前
|
存储 Linux C语言
基础IO详解(二)
基础IO详解
64 0
|
10月前
|
Java Windows
IO系列学习(一)
IO系列学习(一)
84 0
|
10月前
|
Java C语言
IO系列学习(二)
IO系列学习(二)
38 0
|
设计模式 缓存 Java
透过 Java IO 流学习装饰器模式
装饰器模式是结构性设计模式中的一种,结构型设计模式主要总结了一些将类或接口组合在一起的经典结构,装饰器模式用于对现有的类的功能进行增强。
81 0
|
存储 设计模式 缓存
|
存储 Linux 文件存储
给大家介绍下,这是我的流程图软件 —— draw.io
之前推了一篇文章《十张图带大家看懂 ES 原理 !明白为什么说:ES 是准实时的!》,很多小伙伴都比较好奇在文章中的图是用的什么画图软件?看那么明显的手绘风格,当然是手画的啦!(开玩笑),其实我用的是 draw.io ,下面分享我的画图软件 —— draw.io 。
924 0