最近迷上了一款工具:Draw.io
。用过几次之后,就一发不可收拾了。
平时在写 md 文章时,经常需要插入一些框架图、原理图,而且这些图改动比较频繁,每次修改都需要重新生成图片,再插入到 md 中,比较繁琐。
直到组内小伙伴推荐了 Draw.io 这个插件,点击引用的图片链接,就可以进入编辑页面,修改后实时生效,简直不要太方便。
在 md 中直接修改 Draw.io 的图:
抱歉图片有点糊,因为原图太大,老是上传失败,就压缩了一下。
Draw.io 在工作中特别实用。
比如每次提测需求,都需要给 QA 同学写测试建议,我也会用 Draw.io 来做:文字 + 图片,特别清晰,最后输出一张图片,发给 QA 同学即可:
画完后,导出为图片即可:
我现在甚至连健身计划也使用 Draw.io 来制作:
我个人比较喜欢的是带网格背景的图形:
至于字体的话,自带的字体比较普通,可以自己自定义,我比较喜欢 Google 的 ZCOOL KuaiLe
中文字体。
自定义字体的方式如下:
可以选择自定义系统的字体、Google 字体和 Web 在线字体:
我这里选择自定义一个 Google 的 ZCOOL KuaiLe
字体:
更多的 Google 字体可以去这里查看:google fonts
筛选出中文字体:
字体效果如下:
Draw.io 还有很多功能,大家可以自行探索、尝试。