javascript - 如何获取 Canvas 光标点击坐标

Question

您好，我在这个网站上找到了这个功能。

function getCursorPosition(canvas, event) {
    var rect = canvas.getBoundingClientRect();
    var x = event.clientX - rect.left;
    var y = event.clientY - rect.top;
    console.log("x: " + x + " y: " + y);
}

我的问题是，如何将事件作为参数传递。我想在 Canvas 点击事件中调用这个函数。

document.getElementById('puzzle').onclick = function(e) {
  //Call it here
};

Answer 1

猜测您的 Canvas 有一个 ID 谜题:

document.getElementById('puzzle').onclick = function(e) {
    getCursorPosition(this, e)
};

事件作为 e(几乎总是 event 的缩写)传递给函数。