SVG 裁剪路径

2025 年 3 月 17 日 | 阅读 1 分钟

SVG 剪裁路径用于根据特定路径剪裁 SVG 形状。它也被称为 SVG 剪裁。

形状中位于路径内部的部分是可见的,而位于路径外部的部分是不可见的。

示例

立即测试

说明

  • 现在你可以看到剪裁路径内部的圆的一部分是可见的,其余部分被剪裁。
  • <clipPath> 元素的 id 属性定义了剪裁路径的唯一名称。

下一主题SVG 蒙版