20201218：Markdown语法实现流程图绘制01

Markdown语法实现流程图绘制

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

markdown 绘制流程图语法标准

模型定义

模型名称&＃61;>类型: 显示内容[:超链接URL]

tag&＃61;>type: content[>:url]
元素ID&＃61;>元素类型: 展示文字

PS&＃xff1a;&＃61;>后不能有空格&＃xff0c;:后需要有空格,超链接是可选项

1. tag

标签&＃xff0c;连接元素时使用

2. type

注意&＃xff1a;&＃61;>后不能有空格&＃xff0c;:后需要有空格,超链接是可选项

流程图(flow/mermaid)元素类型(type)有&＃xff1a;

3. content

在流程图中展示的内容

4. url

指向连接&＃xff08;点击元素可跳转&＃xff09;

连接元素

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

如&＃xff1a;
模块名称1->模块名称2
模块名称1->模块连接2

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

示例

1. 示例01 输入数字判断是否大于0的逻辑判断

2. 示例02 输入数字判断是否大于0的逻辑判断&＃xff0c;使用right更改箭头从模块指出的位置

AAAAIkDpAwAAiAClDwAAIAKUPgAAgAhQ&＃43;gAAACJA6QMAAIgApQ8AACAClD4AAIDKS5L/B9rAmZdZeWzVAAAAAElFTkSuQmCC