在图像javascript / QML上缩放到矩形

Question

我有一个固定大小的div，里面有一个Image。我在Rectangle上创建Image，我想放大Rectangle。

在以下代码中： highlightItem是Rectangle内的Image，其中包含x，y，width和height。 output是Image，其中包含x，y，width和height。

我试图做的是＆＃34;移动＆＃34;将Image移至Rectangle的中心，然后缩放Image。

var parentMiddleX = output.x + output.width/2;
var parentMiddleY = output.y + output.height/2;

var highlightMiddleX = highlightItem.x + highlightItem.width/2;
var highlightMiddleY = highlightItem.y + highlightItem.height/2;

output.x = (parentMiddleX - highlightMiddleX); 
output.y = (parentMiddleY - highlightMiddleY);

output.scale = Math.sqrt((output.width*output.height)/(highlightItem.width*highlightItem.height));

基本上我想做类似于this的事情，但是在QML中。