美文网首页
Typora flow 流程图

Typora flow 流程图

作者: 拥抱月亮的大星星 | 来源:发表于2021-12-23 15:32 被阅读0次

    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

    相关文章

      网友评论

          本文标题:Typora flow 流程图

          本文链接:https://www.haomeiwen.com/subject/nkwhqrtx.html