图片来自网络

摄影｜网络

#1 流程图的简介

如果小伙伴们平时需要阅读别人的代码，那么相信最好的梳理逻辑的方式就是绘制流程图。

流程图能够帮助我们梳理代码的逻辑，帮助我们快速理解、吃透代码。

对于一个庞大项目，我们自己手动绘制流程图是非常耗时，并且对于动辄几十万行代码，甚至上千万行代码的大型项目，如果有程序能够自动绘制流程图，那将极大提升我们的效率。

Apollo百度 planning代码截图

以百度的自动驾驶Apollo源代码为例，光planning模块的参考线平滑中一个文件中的平滑函数就有几百行。如果自己完全手绘流程图，工程量浩大。

#2 神器

今天就介绍一款自动将c++代码转成流程图的神器——AutoFlowchart。

软件可以快速、随意调整代码展开的层级，并可以一键生成流程图，并且还能将流程图导出为 bmp、svg、xml、viso等多种格式。而且软件还可以定制设置字体等，软件也同时支持多种语言。

软件AutoFlowchart

#3 理想丰满，现实骨感

但是。这个导出的svg也好、bmp也好，都不太方便在流程图神器drawio中导入编辑。

导入drawio后，流程图是一张图片，只能整体调整大小，无法局部编辑里面的具体文字内容。

看似死局。

#4 灵机一动，水到渠成

偶然注意到的一个细节。drawio是支持xml的，而且AutoFlowchart也是可以导出xml的。

机会出现了，那直接解析xml，转换为drawio接受的数据格式，就可以直接打开编辑流程图了。

研究了一下，发现svg比xml更简单，清晰，于是直接解析svg。

写了一个小Python脚本，从svg中解析转换，Bingo。

转换后直接用drawio 可以二次编辑

直接上转换后的高清导出大图。

#5 总结

流程图的绘制本质是一堆严密的规则，规则的东西适合程序自动化实现。

只要原始重要的信息被记录，那么展现形式就不重要，可以随意转换。自动驾驶的rosbag和prototxt之间转换也是遵循类似道理。

不要关心外在表现形式，要去研究内在的核心逻辑。

​感兴趣，可以关注公众号elegantcoin，接受更多消息​​​​