万物皆可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 还有很多功能,大家可以自行探索、尝试。

相关文章
|
缓存 数据可视化 JavaScript
draw-io
Draw.io是一个可配置的图表/白板可视化应用程序。draw.io 由英国软件公司JGraph Ltd拥有和开发。这是一个开源项目(但对贡献是封闭的)可以绘制流程图、UML、类图、组织结构图、泳道图、E-R图、思维导图等
542 0
draw-io
|
4月前
|
存储 Linux 编译器
基础IO(下)
文件系统管理不仅涉及打开的文件,未打开的文件也需要管理,核心是快速定位文件以便通过路径访问。操作系统管理磁盘时,通过选择磁头、磁道和扇区进行寻址。磁盘逻辑上被抽象为数组,通过下标定位。文件系统将大磁盘分割管理,如分区、块组,每个文件对应唯一的inode,存储属性和内容。文件创建和删除涉及inode和数据块的分配与回收。文件查找通过路径确定分区,挂载将文件系统与分区关联。软链接通过路径引用,硬链接共享inode。静态库在编译时链接,动态库在运行时加载,动态链接节省资源。文件系统和库管理涉及内存、磁盘和程序执行的复杂交互。
48 2
基础IO(下)
|
4月前
|
存储 Linux 开发工具
基础IO(上)
本文主要讲述了文件描述符、重定向以及缓冲区的概念和运用。
34 1
基础IO(上)
|
5月前
绘图神器===draw.io
绘图神器===draw.io
|
存储 Linux C语言
基础IO详解(二)
基础IO详解
100 0
|
存储 Linux 文件存储
基础IO详解(一)
基础IO详解
112 0
|
Unix Linux 应用服务中间件
IO 模型介绍(二)|学习笔记
快速学习 IO 模型介绍
129 0
IO 模型介绍(二)|学习笔记
|
存储 Linux 应用服务中间件
IO 模型介绍(三)|学习笔记
快速学习 IO 模型介绍
111 0
IO 模型介绍(三)|学习笔记
|
设计模式 缓存 Java
透过 Java IO 流学习装饰器模式
装饰器模式是结构性设计模式中的一种,结构型设计模式主要总结了一些将类或接口组合在一起的经典结构,装饰器模式用于对现有的类的功能进行增强。
104 0
|
存储 设计模式 缓存