mermaid语法汇总

 mermaid中文翻译为美人鱼，是一种基于 JavaScript 的绘图和制图工具，可呈现受 Markdown 启发的文本定义以动态创建和修改图表。

官网地址 

在markdown语法中，使用 ~~~mermaid 标记来开始一段可视化图表

 流程图

关键字: graph

方向标记 

默认从上到下

TB/TD -top bottom/Top-Down   表示画一张自上而下的图
BT    -bottom top            表示画一张自下而上的图
RL    -right left            表示画一张自右向左的图
LR    -left right            表示画一张自左向右的图

图形标记

不使用图形则会直接显示文本

[]   表示方形文本框
{}   表示菱形文本框
()   表示圆角方形文本框
(()) 表示圆形文本框

连线标记

连接线重复多个 - 或者 = 能增加线的长度

--   实线不带箭头   示例: A -- B
-->  实线带箭头     示例: A  -- B
-.-  虚线不带箭头   示例: A -.- B
-.-> 虚线带箭头     示例: A -.-> B
===  粗线不带箭头   示例: A === B
==>  粗线带箭头     示例: A ==> B

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！