QML 6无法创建带正确圆角的可缩放图像问题求助

问题根源：你当前的代码里，MultiEffect是对整个sourceItem（充满父容器的Image元素）应用掩码，但sourceItem用了PreserveAspectFit后，实际绘制的图像区域（paintedWidth/paintedHeight）比自身尺寸小，而掩码尺寸设为paintedWidth/paintedHeight并居中，导致掩码只裁剪了图像中间部分，和视觉上的绿色圆角矩形不对齐。

下面是修正后的代码，能同时满足图像可缩放、修改fillMode仍保持圆角的需求：

Item {
    anchors.fill: parent

    Image {
        id: sourceItem
        fillMode: Image.PreserveAspectFit
        source: "/home/tjaart/Pictures/Wallpaper/04191_heartlake_1920x1080.jpg"
        anchors.fill: parent
        visible: false
        layer.enabled: true
    }

    MultiEffect {
        source: sourceItem
        anchors.fill: parent
        maskEnabled: true
        maskSource: mask
    }

    Item {
        id: mask
        anchors.fill: parent
        layer.enabled: true
        visible: true

        Rectangle {
            anchors.fill: parent
            radius: 90
            color: "green"
            opacity: 0.5
        }
    }
}

修改说明： #

• 用顶层Item作为统一的显示容器，所有元素都锚定这个容器的尺寸，确保裁剪范围和显示区域完全匹配。
• Image填充容器后，PreserveAspectFit会自动在容器内缩放并居中图像，MultiEffect对整个容器区域应用掩码，不管图像怎么缩放，圆角都会准确裁剪图像的显示边界。
• 掩码的圆角矩形直接填充容器，不再依赖paintedWidth/paintedHeight，彻底解决尺寸不匹配的问题。

如果后续调整组件的缩放比例，这个结构会自动适配，始终保持圆角效果。

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