import QtQuick 2.9

import QtQuick.Window 2.2

import QtQuick.Controls 2.2

Window {

    visible: true

    width: 640

    height: 700

    title: qsTr("Hello World")

    Rectangle{

        id:rect;

        width: 500;

        height:400;

        clip:true;

        Image{

            id: img;

            x:( rect.width - width)/2;

            y: (rect.height - height)/2;

            width:{

                var ratio = rect.width/rect.height;

                var srcRatio = sourceSize.width/sourceSize.height;

                if( ratio > srcRatio )

                    return  height * srcra  ;

                else

                    return  rect.width;

            }

            height:{

                var ratio = rect.width/rect.height;

                var srcRatio = sourceSize.width/sourceSize.height;

                if(ratio > srcRatio)

                    return  rect.height;

                else

                    return  width / srcRatio;

            }

            source: "tvline.jpg"

        }

        MouseArea{

            anchors.fill: parent;

            drag.target:img;

            hoverEnabled: true;

            drag.axis:Drag.XAndYAxis;

            drag.minimumX: -img.width/2;

            drag.maximumX: img.width/2;

            drag.minimumY: - img.height/2;

            drag.maximumY: img.height/2;

            onWheel:{                       //滚轮；

                if(wheel.modifiers & Qt.ControlModifier )

                {

                    var datl = wheel.angleDelta.y/120;

                    if( datl > 0)

                    {

                        console.log("mouseX:"+mouseX+";mouseY:"+mouseY+";imgX:"+img.x+";imgY"+img.y)

                        img.x = mouseX + (img.x - mouseX) * 1.1;

                        img.y = mouseY +(img.y - mouseY) *1.1;

                        img.width = img.width * 1.1;

                        img.height = img.height * 1.1;

                    }

                    else

                    {

                        console.log("mouseX:"+mouseX+";mouseY:"+mouseY+";imgX:"+img.x+";imgY"+img.y)

                        img.x = mouseX + (img.x - mouseX) / 1.1;

                        img.y = mouseY +(img.y - mouseY) /1.1;

                        img.width = img.width /1.1;

                        img.height = img.height / 1.1;

                    }

                }

            }

        }

    }

}