Почему размытие svg не работает в HTML или браузере?
Я использую редактор Figma, и я попытался размыть элемент, в редакторе все выглядит нормально, затем я экспортирую его в SVG. Я вижу, что есть теги, которые должны сделать мой элемент размытым <feGaussianBlur in = "BackgroundImage" stdDeviation = "16"/>
Но это не работает, посмотрите в href.
Не знаю, почему это не работает. Я также не могу найти информацию о том, есть ли причина HTML или браузер.
Ответы 2
Согласно этому отчету об ошибке https://bugreports.qt.io/browse/QTBUG-9081?page=com.googlecode.jira-suite-utilities%253atransitions-summary-tabpanel фильтры не поддерживаются и я думаю разработчики не смогли решить проблему потом закрыли этот баг
Почему эта ошибка QT имеет отношение к этому вопросу? ОП не упомянул QT.
Как говорит Роберт, основная проблема заключается в том, что сгенерированный SVG использует in = "BackgroundImage" в качестве входных данных для фильтра. Никакие браузеры не поддерживают эту функцию, насколько мне известно.
Вместо того, чтобы пытаться размыть изображение, подход Figma состоит в том, чтобы попытаться размыть фон и смешать его поверх изображения.
Фильтр можно переписать, чтобы избежать использования BackgroundImage. Возможно, вы захотите сообщить об ошибке в Figma по этой проблеме.
Не уверен, что что-либо поддерживает псевдоввод BackgroundImage.