变换比例会影响距离吗?

时间:2020-09-26 21:58:01

标签: javascript css css-transitions scale getboundingclientrect

我正在尝试使用Javascript和CSS制作西洋双陆棋游戏,并尝试使用 PX 使所有元素的尺寸都变大,并通过这种方式获得碎片的移动距离:

let start = FromElement.getBoundingClientRect().x;   //imagine start = 50

let end = ToElement.getBoundingClientRect().x;       //imagine end = 60

piece.style.transform = "translateX(" + (end - start) + ")";    //60 - 50 = 10

请不要参加垂直运动

现在,当我转换根元素(Board Element)以使木板适合页面时,我看到除了缩放开始和结束(例如使用1.5倍缩放,开始:75&结束:90)之外,距离将在开始和结束变化期间改变(变为90-75:15),并通过缩放(15 * 1.5:22.5)改变另一个时间,所以我看到了错误的翻译。

每个尺寸均由 PX 制成,但我不知道哪里出了问题!?!?!? :(

这是我想说的明白,当我将页面宽度设置为小于主尺寸时,锯切距离会减小!

这是了解我的问题的一部分! (我先走后撤消了动作enter image description here

0 个答案:

没有答案