javascript - 旋转时如何计算外部矩形的大小并且必须完全包含内部矩形

Question

我找到了许多解释如何计算旋转矩形边界框的已回答问题，但是我需要做的几乎是相反的。

红色矩形 A 描述为:

var box = {
        x : 0,
        y : 0,
        w : 100,
        h : 200
};

蓝色矩形 B 的尺寸在未旋转时完全相同。

鉴于矩形 B 围绕其中心点旋转并且其 Angular 以弧度提供，我如何计算最小 大小的矩形 B 可以是当矩形 A 必须始终适合它的同时保持其原始纵横比(如前所述，与矩形 A 相同)

Answer 1

如果您标记矩形的边并画一条额外的线(图中的绿色)，您可以看到需要计算的内容:

所以 c = a * cos(θ) + b * sin(θ)

和d=b*c/a