markdow绘制流程图

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/ZWName/article/details/82150181

经常使用markdow写东西,但之前仅限于基础的使用,流程图语法没用过,现在记录一下语法,以后多用用,markdown的流程图用起来真的很方便。
流程图大致分为两段,第一段是定义元素;第二段是连接元素,定义元素之间的走向。

定义元素

tag => type : content :> url
  • tag:元素名称
  • type:元素类型(6种)
    • start:开始
    • end:结束
    • operation:操作
    • subroutine:子程序
    • condition:条件
    • inputoutput:输入或产出
  • content:元素内容,注意type后的冒号与文本之间要有空格
  • url:元素超连接,与content元素内容绑定

连接元素

定义好的元素通过“->”连接后才会正确显示出来,注意condition(条件)有yes与no两条分支,要分别连接。

例子

Created with Raphaël 2.1.2 start operation condition subroutine end inputoutput yes no
#定义元素
st=>start: start:>http:\\baidu.com
en=>end: end
op=>operation: operation
sub=>subroutine: subroutine
con=>condition: condition
io=>inputoutput: inputoutput

#连接元素
st->op->con
con(no)->en
con(yes)->sub->en
en->io

猜你喜欢

转载自blog.csdn.net/ZWName/article/details/82150181