javascript - getBoundingClientRect 不是函数

Question

我正在尝试获取图像上鼠标单击的坐标。所以我像这样使用 getBoundingClientRect

function showCoords(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.getBoundingClientRect 不是一个函数”

Answer 1

这意味着 canvas 变量实际上不是 Canvas 元素。

它可以是未定义，仍未初始化或选择不正确。

你需要仔细检查它，如果点击事件被添加到 Canvas 元素，可能会尝试使用 event.target。