2020-12-18:Markdown语法实现流程图绘制01

Markdown语法实现流程图绘制

整体来说,如果本身有图片了直接贴图即可,使用起来需要注意的东西太多,且并不是所有支持markdown语法的编辑器都集成了这套工具;
所以使用起来需要多多小心哈。

markdown 绘制流程图语法标准

模型定义

模型名称=>类型: 显示内容[:超链接URL]

tag=>type: content[>:url]
元素ID=>元素类型: 展示文字

PS:=>后不能有空格,:后需要有空格,超链接是可选项

1. tag

标签,连接元素时使用

2. type

注意:=>后不能有空格,:后需要有空格,超链接是可选项

流程图(flow/mermaid)元素类型(type)有:

符号类型
start开始(圆角矩形)
end结束(圆角矩形)
condition判断(菱形)
operation操作(直角矩形)
inputoutput输入输出(平行四边形)
subroutine预定子流程

3. content

在流程图中展示的内容

4. url

指向连接(点击元素可跳转)

连接元素

使用**->**连接元素

如:
模块名称1->模块名称2
模块名称1->模块连接2

PS:箭头方向包括:left、right、top、bottom、yes、no (模块射出箭头的方向)

示例
  1. 示例01 输入数字判断是否大于0的逻辑判断
Created with Raphaël 2.2.0 开始 输入一个数 大于等于0? 输出这个数 结束 输出这个数-1 处理过程1 yes no

avatar

  1. 示例02 输入数字判断是否大于0的逻辑判断,使用right更改箭头从模块指出的位置
Created with Raphaël 2.2.0 开始 输入一个数 大于等于0? 输出这个数 结束 输出这个数-1 处理过程1 yes no

avatar

AAAAIkDpAwAAiAClDwAAIAKUPgAAgAhQ+gAAACJA6QMAAIgApQ8AACAClD4AAIDKS5L/B9rAmZdZeWzVAAAAAElFTkSuQmCC

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值