SVG 滤镜生成器

SVG 滤镜生成器

可视化生成 SVG 滤镜,支持模糊、阴影、描边、泛光等特效

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