SVG 滤镜

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

SVG 使用 <filter> 元素来定义滤镜。 它用于为 SVG 图形添加特效。

<filter> 元素使用 id 属性来唯一标识它。 Internet Explorer 9 及更早版本不支持 SVG 滤镜。


SVG <feGaussianBlur> 滤镜

SVG 使用 <feGaussianBlur> 元素来显示模糊效果。

示例

立即测试

说明

  • <filter> 的 id 属性为模式定义一个唯一的名称。
  • <feGaussianBlur> 元素用于定义模糊效果。
  • <feGaussianBlur> 元素的 in="SourceGraphic" 部分用于定义该效果是为整个元素创建的。
  • stdDeviation 属性用于定义模糊的程度。
  • <rect> 元素的 filter 属性用于将该元素链接到 "p1" 滤镜。

下一个主题SVG feOffset 滤镜