markdow绘制流程图

经常使用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
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值