旋转div偏移顶部位置基于左侧位置

Question

我正在努力从左边找到偏移顶部位置。 例如，左边50px我想找到基于左边的顶部位置。

Answer 1

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

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

我猜你知道旋转，所以我们将使用这个值。假设你已经旋转了30°，我们就得到了这个：

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

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

所以，采取你的角度（ɑ），并应用这个公式：

  

H = tan（ɑ）* 50px

在Javascript中：

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

console.log(offset);