相关疑难解决方法(0)

我有一个矩形左上角的坐标,以及从0到180和-0到-180的宽度,高度和旋转.

我试图获取矩形周围的实际框的边界坐标.

什么是计算边界框坐标的简单方法

• Min y,max y,min x,max x？

A点并不总是在最小值上,它可以在任何地方.

如果需要,我可以在as3中使用矩阵变换工具包.

我申请后如何检索宽度和高度属性transform: rotate(45deg);？

比如,旋转后11x11平方变为17x17(Chrome结果),但javascript仍然返回原始宽度/高度 - 10x10.

我怎么得到这个17x17？

基本上我是在问JavaScript这个问题:从旋转的矩形计算边界框坐标

在这种情况下:

• iX =旋转(蓝色)HTML元素的宽度
• iY =旋转(蓝色)HTML元素的高度
• bx =边界框宽度(红色)
• by =边界框高度(红色)
• x =边界框的X坐标(红色)
• y =边界框的Y坐标(红色)
• iAngle/t = HTML元素的旋转角度(蓝色;未显示但在下面的代码中使用),仅供参考:在此示例中它是37度(不是对于示例而言重要)

如何通过JavaScript计算旋转的HTML元素(给定其宽度,高度和旋转角度)周围的边界框(所有红色数字)的X,Y,高度和宽度？一个棘手的问题是将旋转的HTML元素(蓝色框)的原始X/Y坐标用作某种方式的偏移(这在下面的代码中没有表示).这可能需要查看CSS3的变换原点来确定中心点.

我有一个部分解决方案,但X/Y坐标的计算不正常...

var boundingBox = function (iX, iY, iAngle) {
    var x, y, bx, by, t;

    //# Allow for negetive iAngle's that rotate counter clockwise while always ensuring iAngle's < 360
    t = ((iAngle < 0 ? 360 - iAngle : iAngle) % 360);

    //# Calculate the width (bx) and height (by) of the .boundingBox
    //#     NOTE: See https://stackoverflow.com/questions/3231176/how-to-get-size-of-a-rotated-rectangle
    bx …