Как создать prespective изображение в 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 
    } 
}