可视化创建和组合SVG滤镜效果。支持多种滤镜类型,实时预览效果,一键导出SVG代码。纯前端本地运行。
SVG滤镜(filter)使用feGaussianBlur、feDropShadow等滤镜原语为图形添加视觉效果。所有渲染由浏览器本地完成。
常见效果:模糊(blur)、投影(drop shadow)、颜色矩阵(color matrix)、浮雕(emboss)、位移(displacement)、边缘检测等。
CSS filter使用简单但功能有限。SVG filter更强大灵活,支持多滤镜组合、颜色矩阵变换、自定义通道操作等高级效果。
SVG滤镜在所有现代浏览器中都有良好支持,包括Chrome、Firefox、Safari和Edge部分滤镜需注意兼容性。