Qt 5.12及以上版本QML SVG滤镜（如feGaussianBlur）支持情况咨询

一、Qt 5.12+对SVG滤镜的支持现状 #

Qt的SVG模块对SVG滤镜的支持一直是部分兼容，即使到5.12及以后的版本，也没有完全覆盖SVG标准中的所有滤镜特性。对于feGaussianBlur这类基础滤镜，Qt是有支持的，但复杂的滤镜组合、非标准的属性设置（比如特定的filterUnits值）或者滤镜链的写法，很可能出现渲染失效的情况——这也是你遇到的问题：其他软件能解析，但Qt无法正确渲染。

二、检查你的配置是否遗漏 #

首先确认两个关键配置：

• 你的项目是否已经引入了Qt SVG模块？在.pro文件中需要添加：QT += svg，否则QML无法正确处理SVG的高级特性（包括滤镜）。
• 你当前使用的是Image组件加载SVG，而Image本质是将SVG栅格化后显示，对矢量滤镜的支持不如专门的SVG组件。建议改用QtQuick.Svg模块下的Svg组件，它会以矢量方式渲染SVG，对滤镜的支持更好。

三、可行的解决方法 #

针对你的场景，推荐按以下顺序尝试：

1. 替换QML组件为Svg #

导入QtQuick.Svg模块，替换原有的Image组件：

import QtQuick 2.12
import QtQuick.Svg 1.0

Svg {
    x: 0
    y: 0
    height: 120
    width: 120
    source: "qrc:/images/example.svg"
}

这个组件会直接解析SVG的矢量数据，对滤镜的支持比Image更完善。

2. 调整SVG滤镜代码 #

你的SVG滤镜存在两个可能导致Qt无法解析的问题：

• filterUnits="userSpaceOnUse"：Qt对这个属性的支持有局限，建议换成objectBoundingBox，并将滤镜的尺寸设置为百分比（避免模糊效果被裁剪）。
• 滤镜的width="83"和height="83"太小，无法容纳模糊扩散的区域，会导致阴影被截断。

修改后的滤镜代码：

<filter id="e" x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox">
    <feOffset dx="8" dy="8" input="SourceAlpha" />
    <feGaussianBlur stdDeviation="5.0" result="f" />
    <feComposite operator="in" in2="f" />
    <feComposite in="SourceGraphic" />
</filter>

另外，你可以简化滤镜逻辑：用feDropShadow直接实现阴影模糊效果，Qt对这个滤镜的支持更稳定，代码更简洁：

<filter id="e" x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox">
    <feDropShadow dx="8" dy="8" stdDeviation="5" flood-color="black" flood-opacity="1"/>
</filter>

3. 预渲染为PNG（兜底方案） #

如果上述方法都无法解决问题，可以在Inkscape中将带滤镜的SVG导出为PNG图片，然后在QML中使用PNG文件。这种方法能保证效果完全一致，但会失去SVG的矢量缩放优势，适合固定尺寸的场景。

内容的提问来源于stack exchange，提问作者mtb