我的思路是把Mermaid代码先粘贴到excalidraw或mermaidonline中，然后导出为svg格式图片，最后将其插入到visio中即可。
例如有下面的Mermaid代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
| graph TD
%% 核心层
subgraph Core [核心层]
C1((核心交换机))
end
%% 汇聚层
subgraph Dist [汇聚层]
D1(汇聚交换机 1)
D2(汇聚交换机 2)
end
%% 接入层
subgraph Access [接入层]
A1[接入交换机 1]
A2[接入交换机 2]
A3[接入交换机 3]
end
%% 终端层
PC1[电脑 1]
PC2[电脑 2]
PC3[电脑 3]
%% 层级连接
C1 --- D1
C1 --- D2
%% 接入交换机上联
D1 --- A1
D1 --- A2
D1 --- A3
D2 --- A1
D2 --- A2
D2 --- A3
%% 终端连接
A1 --- PC1
A2 --- PC2
A3 --- PC3
%% 样式配置
style C1 fill:#d32f2f,stroke:#fff,color:#fff
style D1 fill:#1976d2,stroke:#fff,color:#fff
style D2 fill:#1976d2,stroke:#fff,color:#fff
style A1 fill:#43a047,stroke:#fff,color:#fff
style A2 fill:#43a047,stroke:#fff,color:#fff
style A3 fill:#43a047,stroke:#fff,color:#fff
style PC1 fill:#f5f5f5,stroke:#333
style PC2 fill:#f5f5f5,stroke:#333
style PC3 fill:#f5f5f5,stroke:#333
|
将其 CTRL + V 粘贴到 excalidraw 中，稍微调下样式后效果如下：
鼠标拖动选中相关元素，点击右上角菜单，导出图片为SVG格式:
打开visio，插入导出的svg图片即可：
如果要对每个元素进行单独调整，需要在“开始”中找到“组合”选项，点击“取消组合”即可：
