旋转的div偏移量，根据左侧位置偏移顶部位置

Question

我正在努力寻找从左侧偏移的顶部位置。 例如左50像素，我想基于左查找最高位置。

Answer 1

这是一个纯粹的欧几里得几何问题，但是您目前无法计算此偏移量。 你需要这些数据之一 ：

• 旋转角度
• 线的（左）末端与您的点之间的距离

我想您知道旋转方式，因此我们将使用此值。 假设您旋转了30°，我们已经做到了：

使用毕达哥拉斯定理，我们得到：

    tan(30) = H / 50px
<=> H = tan(30) * 50px
<=> H = 28.867px

因此，以您的角度（ɑ），并应用以下公式：

H =棕褐色（ɑ）* 50像素

用Javascript：

var offset = {
    x: 50,
    y: null
}
var alpha = 30;
offset.y = Math.tan(alpha * (180 / Math.PI)) * offset.x;

console.log(offset);