html - 为什么 svg blur 在 html 或浏览器中不起作用？

我正在使用 Figma 编辑器并尝试模糊元素，在编辑器中一切看起来都很好，然后我将其导出为 SVG。我看到有些标签应该使我的元素模糊<feGaussianBlur in="BackgroundImage" stdDeviation="16"/> 但它不起作用，请查看 href。

不知道为什么它不起作用。我也找不到有关它的信息是 HTML 原因还是浏览器。

标签： htmlsvguser-experiencesvg-filters

正如罗伯特所说，主要问题是生成的 SVG 被in="BackgroundImage"用作过滤器的输入。没有浏览器支持该功能 AFAIK。

Figma 的方法不是尝试模糊图像，而是尝试模糊背景并将其混合在图片之上。

可以重写过滤器以避免使用BackgroundImage. 您可能想向 Figma 提交有关此问题的错误。