图片来自网络
摄影｜网络
#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之间转换也是遵循类似道理。
不要关心外在表现形式，要去研究内在的核心逻辑。
