美人鱼c4图：元件放置不良

Question

我正在玩美人鱼在GitHub上构建C4图。

我找不到任何正确放置元素的好方法。

我尝试将 2 个元素放入它们之间的关系（请参阅实时编辑器）。

两个元素的位置非常接近，以至于关系文本不可见。

有什么办法可以改善这个问题吗？

我还尝试添加具有白色背景的空元素（请参阅实时编辑器）。

但是，我们依赖于不同 GitHub 主题的不同背景颜色。

无论如何，需要自己的

UpdateElementStyle

块的空元素似乎对我来说是解决方法。

我希望有更好的本地解决方案。

Answer 1

在“空”形状上设置字体、背景和边框颜色时使用

rgba()

。

rgba 的第四个参数是不透明度。将其设置为

0

，形状将完全透明。

UpdateElementStyle(empty, $fontColor="rgba(0,0,0,0)", $bgColor="rgba(0,0,0,0)", $borderColor="rgba(0,0,0,0)")

实时编辑器链接