将具有转换原点的转换转换为不具有转换原点的坐标

时间:2018-07-17 00:17:07

标签: javascript css coordinates css-transforms translate-animation

我有一个要平移页面的元素。它也是可伸缩的。作为示例,CSS看起来像这样:

transform: translate(-51px, -24px) scale(0.775862);

此元素还具有动态应用的transform-origin。假设它看起来像这样:

transform-origin: 17.75% 14.6667% 0px;

由于应用了变换原点,因此元素的实际X和Y坐标与没有应用变换原点的情况不同。

我需要在不更改元素的X和Y位置的情况下重置此变换原点。有谁知道我如何计算这些坐标?

我原以为会是这样

x = currentX + (width * transformOriginX)

但是我在数学上很糟糕,而且似乎做不到。

非常感谢您的帮助!

0 个答案:

没有答案