如果我使用
document.getElementbyId("myElement").getBoundingClientRect.x;
在Firefox中,它将说明缩放级别。 因此,在100%缩放时590px x轴的元素将在200%缩放时590 * 2px x轴。
在chrome中,如果元素位于590像素x轴处,并且我缩放到200%,则x仍将位于590像素处,即使它应位于1180像素x轴处。
所有浏览器的处理方式是否不同?关于如何响应检测此行为并重新计算X位置的任何想法? 我正在用JavaScript制作游戏,画布位于屏幕中间(绝对位置),如果人们放大或缩小,我将无法正确读取鼠标坐标。 尽管如此,我还是希望允许人们进行缩放,以便他们可以将我的“固定”画布大小调整为所显示的内容。 (这也是一个令人讨厌的错误...)