程序员如何画图?

经常写完文章, 收到的第一个问题是: 你的图是用啥画的其实自己也经常问别人. 最近强化了一下这方面的知识, 总结一下.

个人将画图的场景分为两种: PPT/文章中使用和系统中使用

可能有人觉得 系统中画图 需求不多, 个人感觉还是有必要的. 经常遇到费劲开发了一个系统, 遇到各路用户问问题. 如果有办法在系统中将执行流程直接生成流程图, 你好我好大家好.

GUI 画图工具有很多可选, 个人比较推荐的是 OmniGraffle , 在线工具推荐 lucidchart . 当然, 我也见过用 KeyNote 画出漂亮的系统图的, 工具不重要, 关键看人(说多了都是泪)

重点说一下程序画图. 最近反省了一下, 画图最多的就是那几个:

没了. 真的没了. 会这几个就可以行走江湖了.

然后, 推荐两个 library: blockdiag 和 graphviz .

blockdiag 是一个神奇的 python libary. 可以通过使用类似 graphviz 的语法, 画出 块图, 序列图, 网络图, 活动图. 还提供了一个 交互式的 shell , 用于调试上述几种图. 例如, shell 中输入:

立即的到如下图:

点击右上角切换成序列图, 输入如下内容:

有可以轻松得到如下序列图:

但是说好的 library 呢? 以 seqdiag 为例,

Graphviz 可谓是一代画图神器, 通过官网的示例图就知道有多强大. blockdiag 也是参考 Graphviz 的实现. 通过类似的语法描述, 生成所需的图形. 对于颜色的选择, 可以参考文档中 Colors 一节, 非常全面.

程序方面, 同名的 graphviz library 可以使用 pip install graphviz 安装, 非常方便. 示例python 程序如下:

既然有了 library 可以画图, 强烈建议在自己的系统中将一些复杂的流程化的事情通过根据当前系统状态画出图的方式展现给用户, 可以避免很多疑惑.

我自荐。

绘制流程图，就用亿图图示！

亿图图示的绘图体验概括起来就三个字：

快！靠谱！

------快------

亿图图示提供了多种智能 *** 作

包括符号拖放、极速连线、自动吸附等等

没错！

符号拖拽就能用

鼠标靠近符号就会显示连接点

连接点变红就可以快速连线

连接线靠近图形后即可自动吸附

并且还有网格线，辅助线帮助图形对齐

不仅如此

当你绘制完成后

还可以一键美化

嗯，就是点点鼠标这么简单

而且亿图图示还提供了教程

包括一些常见的绘图分类视频

以及一些功能 *** 作gif

让你能够快速轻松掌握强大的亿图图示

提高你的工作效率

------靠谱------

亿图图示支持多平台运行

Windows，Mac，Linux

以及银河麒麟、中标麒麟等国产 *** 作系统

还有Web网页版

并且这些平台都支持一个账号登录

实现文件多平台储存

无需烦恼文件重复传输

不用担心文件丢失

亿图图示还兼容多种文件格式

包括png，SVG，HTML，PDF，office，Visio等

满足你多样化的文件导出需求

此外，亿图图示还提供了社交分享功能

你通过链接或二维码的形式将文件分享给其他人

可以设置对方的文件权限（“仅查看”或“可编辑”）

亿图图示还有很多实用功能，如

符号库：26000+符号，而且支持导入外部符号（强烈建议搭配阿里的iconfont使用），能够满足大部分的绘图需求模板社区：一个UGC社区，积累了各行业用户分享的图形图表，支持一键套用

.......

---