css - 屏蔽子 SVG 的边界半径

Question

我有一个带有 svg child 的 div:

<div>
  <svg>...</svg>
</div>

我正在尝试使用 CSS 获得圆 Angular 。但是，如果我在 div 上设置 border-radius 它不会屏蔽 SVG。这有点道理，但是否有一个简单的替代方案？

Answer 1

也许您可以使用下面的代码:

.clip-circle {
  clip-path: circle(50px at center);
}

希望对您有所帮助。