Kinetic JS - 缩放处理形状的行为不可预测

Question

我试图采用名为“http://www.html5canvastutorials.com/labs/html5-canvas-drag-and-drop-resize-and-invert-images/”的HTML5 Kinetic Canvas Tutorial中的代码。

出于某种原因，我无法转换教程（缩放图像）来缩放blob。 至少，不是以可预测的方式。问题的代码区域（我认为）是这样的：

    //shape.setPosition(topLeft.getPosition());

    var width = topRight.x() - topLeft.x();
    var height = bottomLeft.y() - topLeft.y();

    var w = group.width0;
    var h = group.height0;

    var scaleX = width / w;
    var scaleY = height / h;

    if( width && height ) {

        shape.scale({x: scaleX, y: scaleY});
        shape.setPosition( { x: - topLeft.x(), y: - topLeft.y() } );

    }

工作演示：

http://jsfiddle.net/JSdc2/6WUTy/13/

有谁知道为什么这不起作用。