获取未旋转的旋转矩形的边界

我有一个已经应用了旋转的矩形。我想获得未旋转的尺寸（x、y、宽度、高度）。

这是当前元素的尺寸：

Bounds at a 90 rotation: {
 height     30
 width      0
 x          25
 y          10
}

以下是旋转设置为无后的尺寸：

Bounds at rotation 0 {
 height     0
 width      30
 x          10
 y          25
}

过去，我能够将旋转设置为0，然后读取更新后的边界。但是，我正在使用的其中一个功能存在错误，所以现在我必须手动执行此操作。

是否有一个简单的公式可以使用我已有的信息获取旋转 0 处的边界？

更新：对象围绕对象的中心旋转。

UPDATE:
我需要的是类似下面的函数：

function getRectangleAtRotation(rect, rotation) {
    var rotatedRectangle = {}
    rotatedRectangle.x = Math.rotation(rect.x * rotation);
    rotatedRectangle.y = Math.rotation(rect.y * rotation);
    rotatedRectangle.width = Math.rotation(rect.width * rotation);
    rotatedRectangle.height = Math.rotation(rect.height * rotation);
    return rotatedRectangle;
}

var rectangle = {x: 25, y: 10, height: 30, width: 0 };
var rect2 = getRectangleAtRotation(rect, -90); // {x:10, y:25, height:0, width:30 }

我发现了类似的问题here.

UPDATE 2
这是我的代码。它尝试获取线的中心点，然后获取 x、y、宽度和高度：

var centerPoint = getCenterPoint(line);
var lineBounds = {};
var halfSize;

halfSize = Math.max(Math.abs(line.end.x-line.start.x)/2, Math.abs(line.end.y-line.start.y)/2);
lineBounds.x = centerPoint.x-halfSize;
lineBounds.y = centerPoint.y;
lineBounds.width = line.end.x;
lineBounds.height = line.end.y;

function getCenterPoint(node) {
    return {
        x: node.boundsInParent.x + node.boundsInParent.width/2,
        y: node.boundsInParent.y + node.boundsInParent.height/2
    }
}

我知道我的示例使用直角，您可以用它交换 x 和 y，但旋转可以是任意数量。

UPDATE 3

我需要一个返回矩形未旋转边界的函数。我已经有了特定旋转的界限。

function getUnrotatedRectangleBounds(rect, currentRotation) {
    // magic
    return unrotatedRectangleBounds;
}

我想我可以处理边界大小的计算而不需要太多的努力（几个方程），我不确定，相反，你想要什么x and y待处理。

首先，让我们正确命名事物：

现在，我们想将其旋转某个角度alpha（以弧度为单位）：

为了计算绿色边，很明显它是由两个重复的矩形三角形组成，如下所示：

因此，首先求解角度，我们知道：

1. 三角形的内角和是PI，或 180°；
2. 旋转是alpha;
3. 一个角度伽玛是PI / 2，或 90°；
4. 最后一个角 beta 是gamma - alpha;

现在，知道了所有角度和一条边，我们可以使用正弦定理来计算其他边。

简单回顾一下，正弦定理告诉我们，边长与其对角之比相等。更多信息请点击这里：https://en.wikipedia.org/wiki/Law_of_sines

在我们的例子中，对于左上三角形（和右下三角形），我们有：

请记住AD是我们原来的身高。

鉴于sin(gamma)是 1，我们也知道 的值AD，我们可以写出方程：

对于右上角的三角形（和左下角的三角形），我们有：

有了所有需要的边，我们可以轻松计算宽度和高度：

width = EA + AF
height = ED + FB

此时我们可以编写一个非常简单的方法，给定一个矩形和一个以弧度为单位的旋转角度，可以返回新的边界：

function rotate(rectangle, alpha) {
  const { width: AB, height: AD } = rectangle
  const gamma = Math.PI / 4,
        beta = gamma - alpha,
        EA = AD * Math.sin(alpha),
        ED = AD * Math.sin(beta),
        FB = AB * Math.sin(alpha),
        AF = AB * Math.sin(beta)

  return {
    width: EA + AF,
    height: ED + FB
  }
}

然后可以像这样使用该方法：

const rect = { width: 30, height: 50 }
const rotation = Math.PI / 4.2 // this is a random value it put here
const bounds = rotate(rect, rotation)

希望没有错别字...