一些画图软件

Ditaa #

这是一个基于ASCII的画图软件，基于Java。

下面是一个画图示例。

1
+-----+
2
|     |
3
|  a  |
4
|     |
5
+-----+
6

7
----->

这样可以生成下面这个正方形和一个箭头。

然后是稍微复杂一点的示例：

1
                            +-----------+        +------------+
2
                            |        {o}|        |        c1FF|
3
                            | Scheduler |        |  Internet  |
4
                            |       cBLU|        |         {s}|
5
                            +-----+-----+ |      +------------+
6
                                  |       |             |
7
                         ^        |       | Requests    |
8
              Requests   |        |       |             |
9
                         |        |       \------>      |
10
                         |  +-----+-----+               |
11
+----------------+       |  |           |        /------+-----\
12
|                |       |  |  Scrapy   |        |            |
13
| Item Pipelines +-------+--+           +--------+ Downloader |
14
|            cRED|       |  |  Engine   |        |        cYEL|
15
+----------------+       |  |      {c}  |        \------------/
16
                         |  +-----+-----+  /------
17
               <-------\ |        |        |
18
                       | |        |        | Responces
19
              Items    | |        |        |
20
                       |     +----+------+ v
21
                       |     |           |
22
                             |  Spiders  |
23
                             |       cC02|
24
                             +-----------+

这个软件是个老软件，在2018年诈尸更新了一下，支持了svg绘图。不过由于中文字体显示比较宽，在等宽字体下显示效果不是很好，所以这个只能当玩具来用了。

org-mode的org-babel原生支持ditaa画图，见Ditaa Code Blocks in org

PlantUML #

比较美观，实用的画图工具，和上面的工具一样是基于Java的，可以画流程图等很多图。

下面是用PlantUML还原的一个图。

1
@startuml
2
start
3
repeat
4
if (是否在列表date里？) then (是)
5
:将对应数据加1;
6
else (否)
7
:添加到列表里，添加数据;
8
endif
9
repeat while
10
stop
11
@enduml

org-babel同样支持PlantUML，见PlantUML Code Blocks in Babel

Graphviz #

这个画图软件适合画节点与节点的关系。

1
strict graph {
2
  b [shape=box];
3
  c [shape=triangle];
4

5
  a -- b [color=blue];
6
  a -- c [style=dotted];
7
}

Metapost#

这个工具极度依赖 $\LaTeX$ ，优点是可以画出任意图，包括几何图，支持 $\LaTeX$ 公式。

1
prologues := 3;
2
outputformat := "svg";
3
outputtemplate := "%j.%{outputformat}";
4
verbatimtex
5
\documentclass{article}
6
\begin{document}
7
etex
8
beginfig(1);
9
dotlabel.llft(btex $A$ etex, (0,0));
10
dotlabel.ulft(btex $B$ etex, (1cm,2cm));
11
dotlabel.urt(btex $C$ etex, (3cm,2cm));
12
dotlabel.lrt(btex $D$ etex, (2cm,0));
13
drawarrow (0,0)--(1cm,2cm);
14
drawarrow (0,0)--(2cm,0);
15
draw (1cm,2cm)--(3cm,2cm) dashed evenly;
16
draw (3cm,2cm)--(2cm,0) dashed evenly;
17
drawarrow (0,0)--(3cm,2cm) withcolor red;
18
drawarrow (2cm,0)--(1cm,2cm) withcolor blue;
19
label.ulft(btex $\vec{a}$ etex, (0.5cm,1cm));
20
label.top(btex $\vec{b}$ etex, (1cm,0));
21
endfig;
22
end

下面的SVG经过了调整，原版的图片非常小。

Ditaa#

PlantUML#

Graphviz#

Metapost#

文章分享

Ditaa #

PlantUML #

Graphviz #