返回介绍

6.2 节点

发布于 2023-07-19 21:18:14 字数 2168 浏览 0 评论 0 收藏 0

6.2.1 默认节点

默认节点用 id 表示,如:

~~~mermaid
graph LR
id1
~~~

的图形为:

~~~mermaid
graph LR
id1
~~~

6.2.2 带文本的节点

可以设置节点方框中的文本替代默认的 id 名字,如:

~~~mermaid
graph LR
id1[This is the text in the box]
~~~

的图形为:

~~~mermaid
graph LR
id1[This is the text in the box]
~~~

id[ 之间必须没有空隔

你可以对某个 id 的方框多次设置文本,以最近一次设置的文本为主,如:

~~~mermaid
graph LR
id1[This is the text in the box]
id1[This is the text in the box2]
~~~

的图形为:

~~~mermaid
graph LR
id1[This is the text in the box]
id1[This is the text in the box2]
~~~

6.2.3 圆角节点

默认的节点是矩形框,你可以通过 id( ) 设置成圆角节点,如:

~~~mermaid
graph LR
id1(This is the text in the box)
~~~

的图形为:

~~~mermaid
graph LR
id1(This is the text in the box)
~~~

id( 之间必须没有空隔

6.2.4 圆形节点

默认的节点是矩形框,你可以通过 id(( )) 设置成圆形节点,如:

~~~mermaid
graph LR
id1((This is the text in the circle))
~~~

的图形为:

~~~mermaid
graph LR
id1(This is the text in the box)
~~~

id(( 之间必须没有空隔

6.2.5 非对称节点

默认的节点是矩形框,你可以通过 id> ] 设置成非对称节点,如:

~~~mermaid
graph LR
id1>This is the text in the box]
~~~

的图形为:

~~~mermaid
graph LR
id1((This is the text in the circle))
~~~

id> 之间必须没有空隔

6.2.6 菱形节点

默认的节点是矩形框,你可以通过 id{ } 设置成菱形节点,如:

~~~mermaid
graph LR
id1{This is the text in the box}
~~~

的图形为:

~~~mermaid
graph LR
id1>This is the text in the box]
~~~

id{ 之间必须没有空隔

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文