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

问题描述

我正在使用 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 提交有关此问题的错误。