SVG 模糊效果

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

SVG 使用 <feGaussianBlur> 元素来显示模糊效果。Internet Explorer 9 及更早版本不支持 SVG 过滤器。

示例

立即测试

说明

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

下一个主题SVG 阴影效果