math - 从已知的边界框坐标计算旋转的矩形大小

Question

我从旋转的矩形中读取了计算边界框坐标，以了解如何从旋转的矩形中计算边界框坐标。但在特殊情况下，如下图：

如果获得了边界框大小、坐标和旋转度，如何获得旋转后的矩形大小？

我尝试用javascript编写代码

//assume w=123,h=98,deg=35 and get calculate box size
var deg = 35;
var bw = 156.9661922099485;
var bh = 150.82680201149986;

//calculate w and h
var xMax = bw / 2;
var yMax = bh / 2;
var radian = (deg / 180) * Math.PI;
var cosine = Math.cos(radian);
var sine = Math.sin(radian);
var cx = (xMax * cosine) + (yMax * sine)   / (cosine * cosine + sine * sine);
var cy =  -(-(xMax * sine)  - (yMax * cosine) / (cosine * cosine + sine * sine));
var w = (cx * 2 - bw)*2;
var h = (cy * 2 - bh)*2;

但是......答案是不匹配 w 和 h

Answer 1

解决方案

给定边界框尺寸并且是 大小bx为的矩形的逆时针旋转：bytxy

x = (1/(cos(t)^2-sin(t)^2)) * (  bx * cos(t) - by * sin(t))
y = (1/(cos(t)^2-sin(t)^2)) * (- bx * sin(t) + by * cos(t))

推导

为什么是这样？

首先，考虑将长度bx切成两段，a并且b，由矩形的角。使用三角函数用bx、x和y来表示theta：

bx = b          + a
bx = x * cos(t) + y * sin(t)            [1]

同样对于by：

by = c          + d
by = x * sin(t) + y * cos(t)            [2]

1和2可以用矩阵形式表示为：

[ bx ] = [ cos(t)  sin(t) ] * [ x ]     [3]
[ by ]   [ sin(t)  cos(t) ]   [ y ]

请注意，该矩阵几乎是一个旋转矩阵（但不完全是 - 它以减号表示。）

将矩阵两边左除，得到：

[ x ] = inverse ( [ cos(t)  sin(t) ]    * [ bx ]                        [4]
[ y ]             [ sin(t)  cos(t) ] )    [ by ]

对于 2x2 矩阵，矩阵逆很容易计算，并扩展为：

[ x ] = (1/(cos(t)^2-sin(t)^2)) * [ cos(t) -sin(t) ] * [ bx ]           [5]
[ y ]                             [-sin(t)  cos(t) ]   [ by ]

[5] 给出了两个公式：

x = (1/(cos(t)^2-sin(t)^2)) * (  bx * cos(t) - by * sin(t))             [6]
y = (1/(cos(t)^2-sin(t)^2)) * (- bx * sin(t) + by * cos(t))

非常简单！

Answer 2

您可能需要仿射变换之类的东西来发现点坐标。然后使用标准几何公式计算尺寸。