dot画图的一点实践

dot画图的一点实践

绘制流程图工具, 支持中文. 只要定义好节点和连接, 自动生成图片. 支持html语法, 可以用来生成表格.

它的绘图分为二步

(1)编写dot文件, 它相当于源代码，后缀名不限于.dot(后缀名什么的都是浮云)

(2)运行dot命令生成图片, 基本格式为

dot -Tjpg <dot文件> -o <生成图片名>

其中 Tjpg指明生成jpg格式图片,类似的选项还有Tpng(生成png图片), Tgif(生成gif图片)等

如果不弹出错误提示, 你的图片就生成了. 否则按装错误提示信息修改源码

 

比如我的一个dot文件如下：

#Writen by CallTree on 2013/1/14 16:00:28
digraph forest {
subgraph main{
main->fun1->fun2->printf;
fun2->fun3->printf;
fun3->fun4->printf;
fun3->fun5->fun4->printf;
fun5->fun6;
fun5->fun7->printf;
fun5->printf;
main->fun2;
}
}

如果画无向图，将名称改为graph，"->"替换为“--”,

 

 

定义更详细的节点属性
除了可以用label定义节点名称, 还有
shape 定义节点的形状
sides 设置边数
peripheries 可以设置外框层数
orientatio 可以让节点旋转一个角度
color 定义节点边框颜色
style. 用边框颜色填充节点

 

修改上面dot文件如下：

#Writen by CallTree on 2013/1/14 16:00:28
graph forest {
subgraph main{
main[label="Main" shape=polygon,sides=5,color=green]
fun1[shape=box,orientatio=30]
fun2[shape=circle,peripheries=3,color=red]
fun3[color=blue,style=filled]
fun4[shape=house]
main--fun1--fun2--printf;
fun2--fun3--printf;
fun3--fun4--printf;
fun3--fun5--fun4--printf;
fun5--fun6;
fun5--fun7--printf;
fun5--printf;
main--fun2;
}
}

 

 

 

设置连线属性
因为无法用唯一的值代示连线,所以必须在连线语包上方定义属性.命令关键字edge. 它将会一直影响下方的连线属性,下方的edge命令自动继承不矛盾属性.

#Writen by CallTree on 2013/1/14 16:00:28
graph forest {
subgraph main{
main[label="Main" shape=polygon,sides=5,color=green]
fun1[shape=box,orientatio=30]
fun2[shape=circle,peripheries=3,color=red]
fun3[color=blue,style=filled]
fun4[shape=house]
edge[color=red]
main--fun1--fun2--printf;
fun2--fun3--printf;
edge[color=green]
fun3--fun4--printf;
edge[style=dotted]
fun3--fun5--fun4--printf;
fun5--fun6;
fun5--fun7--printf;
fun5--printf;
main--fun2;
}
}