SVG 滤镜生成器
可视化生成 SVG 滤镜,支持模糊、阴影、描边、泛光等特效
实时预览
滤镜层
生成的 SVG
—
💡 常用 SVG 滤镜原语:
·
·
·
·
·
·
·
注意:SVG 滤镜在 CSS 中通过
·
feGaussianBlur:高斯模糊,通过 stdDeviation 控制模糊半径;·
feDropShadow:阴影,通过 dx/dy 偏移、stdDeviation 模糊、flood-color 颜色;·
feOffset:位移;·
feColorMatrix:色彩矩阵,用于灰度、饱和度、色相旋转;·
feMorphology:膨胀/腐蚀,用于描边或加粗;·
feComposite:合成两个输入;·
feBlend:混合模式(multiply、screen、overlay 等)。注意:SVG 滤镜在 CSS 中通过
filter: url(#id) 引用。