美文网首页
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 流程图

    Typora flow 语法 节点定义 nodeName 自定义,在流程连接时候用到 nodeType start...

  • markdown基础流程图

    1.Typora支持flow流程图 流程图编写是最好是顶格写,用tab退格会出现问题不容易移植,特别注意前后空格,...

  • 【Markdown】相关参考

    流程图 学习Markdown绘制流程图 Typora流程图代码 测试

  • 2019-01-10

    ###流程图 ```flow flow st=>start: Start op=>operation: Your ...

  • Markdown 流程图测试

    ###流程图 ```flow st=>start: Start e=>end op=>operation: My ...

  • 2018-08-19

    ###流程图 ```flow st=>start:Start e=>end op=>operation:MyOpe...

  • 逻辑.md

    ### 绘制流程图 Flowchart ```flow st=>start: 用户登陆 op=>operation...

  • 流程图 FlowChart

    一、流程图简介 流程图,英文名为 FlowChart,即流程(Flow)+图表(Chart)。根据维基百科定义,流...

  • Markdown Flow 流程图

    Markdown 流程工具和插件很多,这里记录一下简单的Flow的使用 预览 源码 说明 flow 流程图分为两部...

  • 流程图FC(Flow Chart)

    一业务流程图TFD(Transaction Flow Diagram) 业务流程图注重的是整个产品的业务逻辑,从整...

网友评论

      本文标题:Typora flow 流程图

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