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

Why svg blur dosen't work in html or browser?

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

JSFiddle

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

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

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

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

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