Javascript、CSS、jQuery - 我的 Canvas 移动到了不该移动的地方

Question

问题出在标题上。它曾经在奇怪的场合这样做。然后我添加了 jQuery rotate.js 插件来旋转我的航向 360 度，现在它一直放在它应该在的地方的右边。有趣的是我用

得到了 Canvas 的偏移量

var rect = gameController.canvas.getBoundingClientRect();
var offset = {
    x: rect.left,
    y: rect.top
};

并且在它应该位于的左上角仍然有坐标 0,0(这是正确的，当 Canvas 没有移动时它应该是这样)。

#canvas {
    z-index: 1;
    position: absolute;
    margin-top: 52px;
    margin-left: 44px;
    background-image:url(images/background.jpg);
}

如果位置是绝对的，它会从文档中删除并且没有任何东西会使其移动。奇怪。

Answer 1

getBoundingClientRect() 返回 Canvas 及其 css 边框框的总和。

也许可以使用 getClientRects() 检查 Canvas 以查看它的确切位置。