SVG 蒙版

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

使用 SVG 遮罩功能,您可以将遮罩应用于 SVG 形状。 SVG 遮罩是剪切路径的更高级版本,用于确定 SVG 形状的哪些部分可见以及具有什么透明度。

示例

立即测试

说明

  • <mask> 元素的 id 属性定义了遮罩的唯一名称。
  • <mask> 元素的 <rect> 元素定义了遮罩的形状。
  • <rect> 元素的 style 属性使用 mask CSS 属性具有遮罩 ID 属性。

下一个主题SVG 工具