jquery - 有人可以澄清代码片段吗

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();什么都不做。肯定是剩饭了。Coder 可能已经考虑过使用画布位置来识别鼠标指针相对于画布的位置。