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

【问题标题】：Why svg blur dosen't work in html or browser?为什么 svg blur 在 html 或浏览器中不起作用？
【发布时间】：2021-03-30 16:28:11
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

根据这个错误报告 https://bugreports.qt.io/browse/QTBUG-9081?page=com.googlecode.jira-suite-utilities%253atransitions-summary-tabpanel 不支持过滤器，我认为开发人员无法解决问题，然后他们关闭了这个错误

【讨论】：