mermaid流程图

最新推荐文章于 2024-08-12 16:51:49 发布

不会声调的博er

最新推荐文章于 2024-08-12 16:51:49 发布

阅读量199

点赞数

文章标签：流程图

本文链接：https://blog.csdn.net/wagnbo/article/details/127215080

版权

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D```

```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op```

flowchart  LR  
	id

flowchart  LR  
	id1[这是框中的文字]

flowchart  TD 
	开始-->停止

flowchart  LR 
	开始-->停止

flowchart  LR  
	id1(这是框中的文本)

flowchart  LR  
	id1([这是框中的文字])

flowchart  LR  
	id1[[这是框中的文字]]

flowchart  LR  
	id1[(数据库)]

flowchart  LR  
	id1((这是圈内的文字))

flowchart  LR  
	id1>这是框中的文字]

flowchart  LR  
	id1{这是框中的文本}

flowchart  LR  
	id1{{这是框中的文本}}

flowchart  TD  
	id1[/这是框中的文字/]

flowchart  TD  
	id1[\这是框中的文本\]

flowchart  TD  
	A[/Christmas\]

flowchart  TD  
	B[\去购物/]

flowchart  LR  
	A --> B

flowchart  LR  
	A --- B

flowchart LR
    A-- This is the text! ---B

flowchart  LR  
	A --- |这是正文|B

flowchart  LR  
	A -- 文本 --> B

flowchart  LR;
	A -.-> B;

flowchart  LR  
	A -. 文本 .-> B

flowchart  LR  
	A ==> B

flowchart  LR  
	A == 文本 ==> B

flowchart  LR  
	A --  text  --> B --  text2  --> C

flowchart  LR  
	a --> b & c --> d

flowchart  TB  
	A & B --> C & D

flowchart  LR  
	A --o B 
	B --x C

flowchart  LR  
	A o--o B 
	B <--> C 
	C x--x D

flowchart  TD
    A[Start] --> B{Is it?}
    B -->|Yes| C[OK]
    C --> D[Rethink]
    D --> B
    B ---->|No| E[End]

flowchart TD
    A[Start] --> B{Is it?}
    B -- Yes  --> C[OK]
    C --> D[Rethink]
    D --> B
    B -- No ----> E[End]

flowchart  LR  
	id1["这是框中的(文本)"]

flowchart LR
        A["A double quote:#quot;"] -->B["A dec char:#9829;"]

flowchart TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end

flowchart TB
    c1-->a2
    subgraph ide1 [one]
    a1-->a2
    end

flowchart TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
    one --> two
    three --> two
    two --> c2

flowchart LR
  subgraph TOP
    direction TB
    subgraph B1
        direction RL
        i1 -->f1
    end
    subgraph B2
        direction BT
        i2 -->f2
    end
  end
  A --> TOP --> B
  B1 --> B2

flowchart  LR  
%% 这是一条注释 A -- text --> B{node} 
	A --  text  --> B --  text2  --> C

flowchart TD
    B[fa:fa-twitter for peace#]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-spinner);
    B-->E(A fa:fa-camera-retro perhaps?)

长度	1	2	3
普通的	- - -	- - - -	- - - - -
正常带箭头	- - >	- - - >	- - - - >
厚的	= = =	= = = =	= = = = =
粗带箭头	= = >	= = = >	= = = = >
点缀	- . -	- . . -	- . . . -
点缀箭头	- . - >	- . . - >	- . . . - >