如何获取画布光标点击坐标

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);
}

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

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

Answer 1

猜猜你的画布有一个ID难题：

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

事件作为e传递给函数（事件几乎总是很短）。