Typora flow 流程圖

Typora flow

語法

```flow 換行```

節(jié)點(diǎn)定義

   nodeName=>nodeType: nodeText[|flowstate][:>urlLink]
  1. nodeName 自定義,在流程連接時候用到
  2. nodeType start end operation inputoutput subroutine condition
  3. parallel
  4. nodeText 節(jié)點(diǎn)顯示的名稱,不能使用 => @>等,否則導(dǎo)致無法是被
  5. flowstate 可選的 |來為節(jié)點(diǎn)指定額外樣式有 past current future
  6. request invalid approved rejected
  7. urlLink :> 指令要訪問的URL

流程連接

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

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

  1. nodeName1 和nodeName2 是節(jié)點(diǎn)名稱
  2. ->連接符號
  3. specification1,2是節(jié)點(diǎn)說明符號,需要用()
    3.1 nodeType為end 外的節(jié)點(diǎn)都有方向
    3.2 codition 類型有 yes,no 說明符號,example(yes,right)
  4. Parallel 類型有路徑說明符號(path)(path1,path2)

強(qiáng)調(diào)

nodeName1@>nodeName2({
"stroke" : "<color>"
"stroke-width":"<num>",
"arrow-end":"<arrowtype>",
"stroke-dasharray":"<dasharray>"
})
  1. nodeName1 和nodeName2 是節(jié)點(diǎn)名稱
  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: 群友發(fā)言
con=>condition: 賴子發(fā)屎圖
en=>end: 群聊結(jié)束

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
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容