# ASCIIFlow  – 好玩的画图工具

- Link: https://www.ixiqin.com/2017/07/23/asciiflow-fun-drawing-tools/
- Published: 2017-07-23T13:22:39+08:00
- Author: 白宦成

```cpp
    // +----------+                     +-------------+
    // |          |                     |             |
    // |          |     Code Here       |             |
    // |          +--------------------->             |
    // |          |                     |             |
    // |          |                     |             |
    // |          |     XXXXXX          |             |
    // |          |  XXXX     XXX       |             |
    // |          | XX          XXX     |             |
    // |          |XX             XXX   |             |
    // |          |X                XX  |             |
    // |          <---------------------+             |
    // |          |                     |             |
    // |          |                     |             |
    // |          |         +           |             |
    // |          |         |           |             |
    // |          |   +------------+    |             |
    // |          |         |           |             |
    // |          +--------------------->             |
    // |          |         |           |             |
    // |          |         |           |             |
    // +----------+         |           +-------------+
    //                      ++
    //
    ```

 

网站地址：[http://asciiflow.com](http://asciiflow.com)

在进行开发和流程讲解时，时序图是必不可少的组件，良好的时序图可以让读者能够以最快
的速度读懂你的业务流程。

虽然，我们可以借助 Visio 和 Omni Graffle 等工具来绘制一个好看的流程图，但是图片只
能够独立的存放在代码之外，所以在使用时，读者需要一边看图片，一边看代码，如果有多个
时序图来说明产品的流程，找寻起来就更加麻烦。

ASCIIFlow 会生成如上所示的时序图，这样的好处是你可以将你的时序图放在你的代码中，
只需要借助注释将其包含起来，即可以没有任何影响的插入流程。这时，读者在读代码前会
自然而然的看到这里的时序图，也就可以更好的去了解下方代码的含义了。

![](https://postimg.aliavv.com/rmbp/bkqyj.jpg)