Typora flow 流程图

Typora flow

语法

```flow 换行```

节点定义

   nodeName=>nodeType: nodeText[|flowstate][:>urlLink]

1. nodeName 自定义，在流程连接时候用到
2. nodeType start end operation inputoutput subroutine condition
3. parallel
4. nodeText 节点显示的名称，不能使用 => @>等，否则导致无法是被
5. flowstate 可选的 |来为节点指定额外样式有 past current future
6. request invalid approved rejected
7. urlLink :> 指令要访问的URL

流程连接

nodeName1[<specification1>,[,specification2]]->nodeName2

nodeName1->nodeName2
nodeName1(yes,right)->nodeName2

1. nodeName1 和nodeName2 是节点名称
2. ->连接符号
3. specification1,2是节点说明符号，需要用（）
   3.1 nodeType为end 外的节点都有方向
   3.2 codition 类型有 yes,no 说明符号，example(yes,right)
4. Parallel 类型有路径说明符号（path）(path1,path2)

强调

nodeName1@>nodeName2({
"stroke" : "<color>"
"stroke-width":"<num>",
"arrow-end":"<arrowtype>",
"stroke-dasharray":"<dasharray>"
})

1. nodeName1 和nodeName2 是节点名称
2. @>连接符号
3. 样式
   3.1 <color>
   <color> : red blue…..
   3.2 <num>
   <num> : 1,2,3…..
   3.3 <arrowtype>
   <arrowtype>: classic-wide-long,block-wide-long,open-wide-long,oval-wide-long,diamond-wide-long

其它样式XX-wide-long XX-wide-short

3.4 <dasharray>
"-" [shortdash]
"." [shortdot]
"-." [shortdashdot]
"-.." [shortdashdotdot]
". " [dot]
"- " [dash]
"--" [longdash]
"- ." [dashdot]
"--." [longdashdot]
"--.." [longdashdotdot]

example

st=>start: 群聊开始
op=>operation: 群友发言
con=>condition: 赖子发屎图
en=>end: 群聊结束

st(left)->op->con(yes,bottom)->en
con(no,left)->op
con@>op({"stroke":"blue","arrow-end":"classic-wide-long","stroke-dasharray":"."})

截屏2021-12-23 下午3.42.40.png