如何在 CSS 中為復雜形狀添加圓角

Question

如何在 CSS 中使復雜形狀的角變圓？ 類似於 VSCode 如何對選定代碼的角進行圓角處理。 我知道如何在 CSS 中制作圓形的常規矩形，但是如果矩形接觸或相交，我該如何連接圓角？ 如有必要，為此使用 JavaScript 也可以（只是不是畫布或類似的東西）。 這是 VSCode 如何做到的一個例子：

我對此進行了研究，並且只找到了很多矩形的解決方案，但對非凸形甚至非矩形形狀一無所知。

Answer 1

正如評論中所指出的， How to apply rounded border to highlight/selection專門針對突出顯示的文本回答了問題。 對於其他復雜的形狀（如字面意思，任何其他形狀），我只需要決定使用 canvas 或 SVG，盡管這並不是真正的目標。