如何在 CSS 中为复杂形状添加圆角
How do I add rounded corners to complex shapes in CSS
如何在 CSS 中使复杂形状的角变圆？类似于 VSCode 如何圆化所选代码的角。我知道如何在 CSS 中制作一个圆角的常规矩形，但是如果矩形接触或相交，我该如何连接圆角？如有必要，为此使用 JavaScript 也可以（只是不是 canvas 或类似的东西）。下面是 VSCode 如何做到这一点的示例：
我对此进行了研究，但只找到了很多 的矩形解决方案，但没有找到关于非凸面甚至非矩形的解决方案。
正如评论中指出的那样，How to apply rounded borders to highlight/selection 专门针对突出显示的文本回答了该问题。对于其他复杂的形状（从字面上看，任何其他形状），我将不得不选择使用 canvas 或 SVG，尽管这并不是真正的目标。
如何在 CSS 中使复杂形状的角变圆？类似于 VSCode 如何圆化所选代码的角。我知道如何在 CSS 中制作一个圆角的常规矩形，但是如果矩形接触或相交，我该如何连接圆角？如有必要，为此使用 JavaScript 也可以（只是不是 canvas 或类似的东西）。下面是 VSCode 如何做到这一点的示例：
我对此进行了研究，但只找到了很多 的矩形解决方案，但没有找到关于非凸面甚至非矩形的解决方案。
正如评论中指出的那样，How to apply rounded borders to highlight/selection 专门针对突出显示的文本回答了该问题。对于其他复杂的形状（从字面上看，任何其他形状），我将不得不选择使用 canvas 或 SVG，尽管这并不是真正的目标。