如何在qml中创建一个透视图像

Question

我正在尝试从普通图像创建感知图像我需要这样的东西

来自这样的东西

我尝试了不同的方式，比如旋转和使用像这样的遮罩

 Image {
        id: bug
        source: "./Graphics/sample.png"
        width: 200
        height: 200
        anchors.centerIn: parent
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
       transform: Rotation { origin.x: 30; origin.y: 30; axis { x: 0; y: 1; z: 0 } angle: 46 }
        visible: true




        layer.enabled: true
        layer.effect: OpacityMask {

            maskSource:

                    Image {
                        id: mask
                        source: "./mask.png"
                        sourceSize: Qt.size(parent.width, parent.height)
                        smooth: true
                        visible: false
                    }



         }
    }

有什么正确的方法可以实际创建这样的效果。

Answer 1

我不确定，如果我做对了，但是你想要达到这样的效果吗？

Item {
    width: 1000
    height: 500

    anchors.centerIn: parent
    RectangularGlow {
        id: effect
        anchors.fill: img
        glowRadius: 25
        spread: 0.2
        color: "black"
        cornerRadius: 50
    }

    Image {
        id: img
        anchors.centerIn: parent
        width: 1000
        height: 500
        source: 'source.png'


        layer.enabled: true
        layer.effect: OpacityMask {

            maskSource: Rectangle {
                width: 1000
                height: 500
                radius: 25
            }
        }
    }
    transform: Rotation {  axis {x: 0.5; y: 1; z: 0} angle: 45 }
}

或者你想申请的是DropShadow，而不是 RectangularGlow

DropShadow {
    anchors.fill: img
    horizontalOffset: -15
    verticalOffset: 8
    radius: 20
    samples: 40
    color: "#80000000"
    source: Rectangle {
        width: 1000
        height: 500
        radius: 25
    }
}

如何在qml中创建一个透视图像

How to create a prespective image in qml

qt

mask

rotation

qml