有人可以澄清代码片段

Question

$("#gameCanvas").mousedown(function(e) {
    var canvasPosition = $(this).offset();
    var mouseX = e.layerX || 0;
    var mouseY = e.layerY || 0;
}

据我了解。 e.layerX和e.layerY将为我提供相对于画布窗口的光标坐标。

canvasPosition = $(this).offset();会做什么？

当我查看代码块的其余部分时（不想全部粘贴，太多了）canvasPosition未被使用。我会用它做什么用的？基本上，代码允许我使用鼠标移动画布上绘制的圆圈。

Answer 1

根据文档（http://api.jquery.com/offset/），jQuery偏移函数给出了元素的位置。

因此，在这种情况下，它将返回一个包含画布位置的对象，以像素为单位，相对于整个页面。

Answer 2

在此代码段中，var canvasPosition = $(this).offset();部分无效。当然剩下的。编码器可能想过使用画布位置来识别鼠标指针相对于画布的位置。