如何准确绘制旋转位图？

Question

我有一个容器，里面有蒙版位图。该容器的比例和旋转在运行时发生变化，我需要绘制遮罩位图，但无法找出适当的矩阵计算来执行此操作。

我的代码可以正确反映位置、比例、偏移量以实现居中而不旋转。旋转时，角度是正确的，但定位不正确 - 我相信是因为旋转矩形时尺寸会发生变化。

有人可以帮我弄清楚如何在定位中补偿这一点 - 这是一些代码：

 // Adjust the transformation matrix to account for the position of the container
        var tMatrix:Matrix = _imgContainer.transform.matrix;

        //Offset for container
        tMatrix.translate(this.x,this.y);

        //Offset for bounds centering
        tMatrix.translate(-_imgContainer.width/2,-_imgContainer.height/2);   

       // Compensate for rotation
       // ????

   var result_bitmap:BitmapData = new BitmapData(_maskedImg.width,_maskedImg.height,true,0x00FFFFFF);
   result_bitmap.lock();
   result_bitmap.draw(_maskedImg,tMatrix,null,null,null,true);
   result_bitmap.unlock();

提前感谢您提供的任何帮助 -

b

编辑： 抱歉，如果我没有正确解释这一点，请让我用图像再试一次以支持。我在容器中有一个蒙版位图，我将其用作绘制新位图的源。在捕获之前，用户可以在运行时缩放/旋转该容器。为了实现这一点，我向绘制方法传递了一个基于容器矩阵的变换矩阵，并调整 tx 和 ty 值以考虑非零原点（由于居中）。到目前为止，它运行良好并满足了我的期望。

然而，一旦该容器旋转，捕获的 POSITION 现在再次关闭 - 可能是由于尺寸发生变化，因此 tx/ty 偏移现在对于容器的新尺寸来说是不正确的。我只是需要补偿这一点，但不知道如何补偿。

有谁有变换矩阵的经验可以提供帮助吗？再次感谢您的努力！

Answer 1

仅供可能遇到类似问题的任何人参考。我通过显式设置变换矩阵值并按此特定顺序缩放、旋转然后平移解决了我的问题。

这不是从容器中复制变换矩阵。因此，我不是

var tMatrix:Matrix = _imgContainer.transform.matrix;

直接按以下顺序设置值：

tMatrix.scale (_imgContainer.scaleX, _imgContainer.scaleY);
tMatrix.rotate (_imgContainer.rotation * (Math.PI/180));
tMatrix.translate (_imgContainer.x, _imgContainer.y);

感谢您的努力 -

b

Answer 2

如果位图包含在容器内，则应用于容器的任何转换也应应用于其中包含的内容。

我不会对位图应用任何转换，我只会将它们应用到容器。

Answer 3

我不确定我是否完全理解你的问题，但如果你将 100x200 的对象旋转 90 度，它的宽度和高度将得到 200x100 ，这毫无价值。

有很多方法可以解决这个问题，但我通常使用scaleX/scaleY，因为它们不受旋转的影响，并将它们与剪辑的原始宽度/高度相乘。

Answer 4

我也没有理解你想要做什么 100% ，但我得到了一个基本问题，即你应用的旋转正在改变你在应用变换矩阵时需要使用的 tx/ty 。

在此基础上也许这会有所帮助： http://www.sencentric.com/flash/tutorials/参见“操作变换矩阵”部分，特别是关于使用 deltaTransformPoint 忽略平移值的部分。它是 AS2，但希望这些原则可以让您走上正轨。