charts - 美人鱼流程图布局
问题描述
我有以下美人鱼代码呈现下图:
flowchart LR;
classDef socket fill:#f9f,stroke:#333,stroke-width:4px;
subgraph host1[Client Host]
subgraph "Client Process (Browser)"
app1[Browser Code] <--> socket1[Socket<br/>TCP/64206]:::socket
end
subgraph os1[OS]
socket1 <--> tcp1[Transport Layer] <--> ip1[Internet Layer] <--> link1[Link Layer]
end
end
subgraph host2[Server Host]
subgraph os2[OS]
link2[Link Layer] <--> ip2[Internet Layer] <--> tcp2[Transport Layer]
end
subgraph "Server Process (Web Server)"
tcp2 <--> socket2[Socket<br/>TCP/80]:::socket <--> app2[Server Code]
end
end
link1 <--> link2
ip1 <-.-> ip2
tcp1 <-.-> tcp2
socket1 <-.-> socket2
我想更改块的布局,以便host1
子图自上而下host2
布置并自下而上布置。也就是说,两个链接层块应该在底部呈现,它们正上方是互联网层,然后是传输层,然后是套接字,最后是顶部的代码块。有没有办法在美人鱼中做到这一点?或者,是否有一种方便的方法来编辑 SVG 以获得所需的布局?
解决方案
推荐阅读
- reactjs - 在 React 上没有附加 onAnimationEnd
- python - Redis 对象映射器的原子事务?
- tensorflow - Tensorflow 中 Caffe 的 weight_filler 是什么?
- mysql - 列计数与第 1 行 mysql 的值计数不匹配
- python - 对象数组的条件索引
- python - python最小化过程的奇怪工作
- excel - 已发送/未发送电子邮件的 VBA IF 语句
- angular - 升级到 Angular 10 后,VS 代码编辑器中的装饰器出错
- javascript - 关闭在Javascript的while循环内不更新
- javascript - 小数点位置由程序确定