QML实战 - Image缩放移动

Image显示图像，通过Item::scale实现图像的缩放，通过MouseArea::drag实现图像的拖拽移动。

• Item::scale

scale只是设置对象显示的比例，不改变对象的大小。
值为负数时，会有镜像效果。

• MouseArea::drag

drag提供一种拖动对象的方法。
drag.target: 指定了要拖动的对象ID
drag.active: （只读）获取当前是否在拖动目标
drag.axis: 指定对象是否支持水平(Drag.XAxis)，垂直(Drag.YAxis)或任意方向(Drag.XAndYAxis)拖动。
drag.minimumX、drag.minimumY、drag.maximumX、drag.maximumY: 限制对象可拖动的距离。

注意（个人理解）：缩放时，Image的width和height并没有变化，缩放的是Image显示的scale缩放比例。因为Image对象存在于scene（场景）中，显示Image对象的效果由View（视图）控制，scale控制的就是场景在视图中的显示比例。

import QtQuick 2.10
import QtQuick.Window 2.10
import QtQuick.Controls 2.2

Window {
	id: wind
	visible: true
	width: 640
	height: 480
	
	Image {
		id: back
		x: 0; y: 0
		
		source: ":/1.png"
	}
	
	MouseArea