万物皆可Draw.io

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

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

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

万物皆可drawio-插件.png

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

万物皆可drawio-Drawio演示.gif

抱歉图片有点糊,由于原图太大,总是上传失败,就压缩了一下。测试

Draw.io 在工做中特别实用。字体

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

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

画完后,导出为图片便可:spa

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

我如今甚至连健身计划也使用 Draw.io 来制做:插件

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

万物皆可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 还有不少功能,你们能够自行探索、尝试。

相关文章
相关标签/搜索