<filter>
**<filter>
** SVG 元素通过对原子滤波器基元进行分组来定义自定义滤波器效应。它本身从不渲染,但必须通过 SVG 元素上的 filter
属性,或用于 SVG/HTML 元素的 filter
CSS 属性来使用。
使用环境
属性
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 表格仅在浏览器中加载