我正在尝试使用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 制成,但我不知道哪里出了问题!?!?!? :(
这是我想说的明白,当我将页面宽度设置为小于主尺寸时,锯切距离会减小!