Mermaid绘图☞流程图☞基础语法

发布于:2025-07-08 ⋅ 阅读:(11) ⋅ 点赞:(0)

Title

---
title: Node with text
---

节点

---
title: Node
---
flowchart LR
    id

带有文本的节点

---
title: Node with text
---
flowchart LR
    id1[This is the text in the box]

可能的流程图方向是:

标识

  • T Top
  • B Bottom
  • L Left
  • R Right

方向

  • TB - 从上到下
flowchart TB
  • TD - 自上而下/与从上到下相同
flowchart TD
  • BT - 从下到上
flowchart BT
  • RL - 从右到左
flowchart RL
  • LR - 从左到右
flowchart LR

节点形状

具有圆边的节点 A node with round edges

id1(This is the text in the box)

在这里插入图片描述

体育场形状的节点 A stadium-shaped node

id1([This is the text in the box])

在这里插入图片描述

子程序形状中的节点 ¥A node in a subroutine shape

id1[[This is the text in the box]]

在这里插入图片描述

圆柱形节点 A node in a cylindrical shape

id1[(Database)]

在这里插入图片描述

一个圆形的节点 A node in the form of a circle

id1((This is the text in the circle))

在这里插入图片描述

形状不对称的节点 A node in an asymmetric shape

id1>This is the text in the box]

在这里插入图片描述

节点(菱形)A node (rhombus)

id1{This is the text in the box}

在这里插入图片描述

六边形节点 A hexagon node

id1{{This is the text in the box}}

在这里插入图片描述

平行四边形 Parallelogram

id1[/This is the text in the box/]

在这里插入图片描述

倒平行四边形 Parallelogram alt

id1[\This is the text in the box\]

在这里插入图片描述

梯形 Trapezoid

A[/Christmas\]

在这里插入图片描述

倒梯形 Trapezoid alt

 B[\Go shopping/]

在这里插入图片描述

双圈 Trapezoid alt

id1(((This is the text in the circle)))

在这里插入图片描述

倒梯形 Trapezoid alt

 B[\Go shopping/]

倒梯形 Trapezoid alt

 B[\Go shopping/]

倒梯形 Trapezoid alt

 B[\Go shopping/]

网站公告

今日签到

点亮在社区的每一天
去签到