前言
畫圖之前一直使用的是processon,奈何文件數不夠使用,所以來學習一波mermaid-js
github: https://github.com/mermaid-js/mermaid
docs: https://mermaid-js.github.io/mermaid/#/
內容
流程圖
方向
-
TB 從上到下
-
TD 從上到下
-
BT 從下到上
-
RL 從右到左
-
LR 從左到右
節點形狀
-
圓角節點
-
橢圓節點
-
子程序節點
-
圓柱體節點
-
圓形節點
-
燕尾式節點
-
棱形節點
-
六邊形節點
-
平行四邊形節點
-
反平行四邊形節點
-
梯形節點
-
倒梯形節點
線條形狀
-
直線
-
文本線
-
箭頭線
-
加箭頭的文本線
-
虛線
-
加文本的虛線
-
粗線
-
加文本的粗線
-
綜合案例
文本中添加特殊字符
針對要在文本上添加特殊字符,只需要將文本內容放在雙引號中即可
自定義區域
自定義節點樣式
