<filter>

**<filter>** SVG 元素通过对原子滤波器基元进行分组来定义自定义滤波器效应。它本身从不渲染,但必须通过 SVG 元素上的 filter 属性,或用于 SVG/HTML 元素的 filter CSS 属性来使用。

使用环境

类别
允许的内容以下任何数量的元素,按任何顺序
描述性元素
滤波器基元元素
<animate>, <set>

属性

DOM 接口

此元素实现 SVGFilterElement 接口。

示例

SVG

html
<svg width="230" height="120" xmlns="http://www.w3.org/2000/svg">
  <filter id="blurMe">
    <feGaussianBlur stdDeviation="5" />
  </filter>

  <circle cx="60" cy="60" r="50" fill="green" />

  <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurMe)" />
</svg>

结果

规范

规范
滤波器效应模块级别 1
# FilterElement

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见