快速简单的方法来获得旋转矩形内正方形的最小和最大 y

Quick and simple way to get min and max y for square within a rotated rectangle

所以我正在尝试获取绿色框左上角的 x、y 值以裁剪已旋转成正方形的图像。

绿色方块可以在虚线上左右移动,所以我可以得到 x 值,我只是很难得到 Y,尤其是当蓝色矩形的长宽比不同时.

所以我知道蓝色矩形旋转了多少,宽度和高度,还有边界框的宽度和高度,绿色方块也一样。

所以我需要在特定的 X 值下旋转 -10 - 10 度之间的最小和最大 Y?

我现在正在使用 html 和 js。

蓝色矩形是可滚动的 div,它在正方形 div 内旋转,因此您可以看到裁剪的预览。

示意图: http://i.stack.imgur.com/FwXjZ.jpg

谢谢

您可以为旋转矩形的顶部和底部设置直线方程:y1 = mx + b1, resp. y2 = mx + b2

m是斜率,是直线与x轴夹角的正切。 b 是截距(线与 y 轴相交的 y 值;b = y(0))。

查看 this 站点了解更多信息。