AS3：在滑块更改时使用矩阵缩放精灵？

Question

我有一个保存位图数据的精灵。 我想让用户能够使用滑块调整图像大小。 我正在使用下面的代码，正如您所看到的，问题在于缩放是相加的，因此图像很快就完全消失了。

我知道我必须以非累加的方式缩放它，只是不知道如何？

我试图通过：

var m:Matrix = userImageCopy.transform.matrix;

当 userImageCopy 保存原始图像时。这有助于缩放，但是每次缩放开始时，userImage 都会跳转到 userImageCopy 的位置。

有什么帮助吗？

function onSliderChange(evt:Event):void
    {
        trace( evt.target.value);
        //this will create a point object at the center of the display object

        var ptRotationPoint:Point = new Point(userImage.x + userImage.width / 2,userImage.y + userImage.height / 2);
        //call the function and pass in the object to be rotated, the amount to scale X and Y (sx, sy), and the point object we created
        scaleFromCenter(userImage, evt.target.value, evt.target.value, ptRotationPoint);
    }

    private function scaleFromCenter(ob:*, sx:Number, sy:Number, ptScalePoint:Point)
    {
        var m:Matrix = userImage.transform.matrix;
        m.tx -=  ptScalePoint.x;
        m.ty -=  ptScalePoint.y;
        m.scale(sx, sy);
        m.tx += ptScalePoint.x;
        m.ty += ptScalePoint.y;
        ob.transform.matrix = m;
    }

Answer 1

无需将中心值与当前 tx 和 ty 相结合，只需使用 Matrix.translate 方法直接设置它们即可：

private function scaleFromCenter(ob:*, sx:Number, sy:Number, ptScalePoint:Point)
{
    var m:Matrix = new Matrix();
    m.translate(-ptScalePoint.x,-ptScalePoint.y);
    m.scale(sx, sy);
    m.translate(ptScalePoint.x,ptScalePoint.y);
    ob.transform.matrix = m;
}