typora画图(1)--流程图

我们用typora可以利用mermaid进行流程图的制作 

实例

先看一个简单效果

 

首先打开typora,并添加代码块(输入“ ``` ”,即可),语言选则mermaid

在第一行输入 graph LR

 这里 graph 为语法规定(必须写上) ,LR表示流程图方向是从左往右

这里对 方向 进行简单介绍

T---TOP    B---BOTTOM

L---LEFT  R---RIGHT 

用词含义
TB从上到下
BT从下到上
LR从左到右
RL从右到左

 

例如

 这里的TB就是从上到下

流程图常用符号及其含义

表述说明含义
id[文字]矩形节点过程,流程中的环节
id(文字)圆角矩形节点开始或结束
id((文字))圆形节点连接
id{文字}菱形节点判断,决策
id>文字]右向旗帜型节点

 

 “id”表示名称,相当于c语言中变量名称,由自己创建

“文字”表示节点内的内容

由上可以看出,当变量名称后不加括号时,默认为矩形节点,变量名即为节点内的内容

 练习

graph TB
id1(小学生)-->id2[高中生]-->id3[高考]-->id4{考的好不好}
id4-->id5((考的好))-->id7[高校毕业]
id4-->id6((考的差))
id6-->id2
id6-->id9[搬砖]

 连线方式

graph TB
A1-->B1
A2---B2 
A3--a-->B3
A4--a---B4
A5-.-B5
A6-.->B6
A7-.a.-B7
A8-.a.->B8
A9===B9
A10==>B10
A11==a===B11
A12==a==>B12

 子表图

 格式

subgraph 子表图名称
 子表图语句
end

实例

graph TB
subgraph 小学阶段bagin(出生)-->id1
end
id1(小学生)-->id2[高中生]-->id3[高考]-->id4{考的好不好}
id4-->id5((考的好))-->id7[高校毕业]
id4-->id6((考的差))
id6-->id2
id6-->id9[搬砖]

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部