markdown中 sequence时序图不需要文字边框如何操作
时间: 2024-03-17 20:41:20 浏览: 125
在 Markdown 中,可以使用 `mermaid` 插件来绘制时序图,其中时序图的文字边框可以通过设置样式来控制。以下是一个例子:
```mermaid
sequenceDiagram
participant A
participant B
A->>B: 发送消息
activate B
B->>A: 回复消息
deactivate B
```
如果不需要文字边框,可以在代码块前添加以下样式设置:
````markdown
```mermaid
sequenceDiagram
%% 设置样式
style MessageText fill:none,stroke-width:0px
style MessageArrow stroke-width:0px
participant A
participant B
A->>B: 发送消息
activate B
B->>A: 回复消息
deactivate B
```
````
其中 `style MessageText fill:none,stroke-width:0px` 表示将消息框的填充色设为透明,边框宽度设为0;`style MessageArrow stroke-width:0px` 表示将消息箭头的宽度设为0,即不显示。
运行后的效果如下:
```mermaid
sequenceDiagram
%% 设置样式
style MessageText fill:none,stroke-width:0px
style MessageArrow stroke-width:0px
participant A
participant B
A->>B: 发送消息
activate B
B->>A: 回复消息
deactivate B
```
可以看到,时序图中的消息框和箭头都没有边框。
阅读全文