[解決済み] getBoundingClientRectは関数ではありません。

質問

画像上でマウスをクリックしたときの座標を取得しようとしています。 そこで、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 is not a function"

どうすればいいですか？

ということは canvas 変数は、実際にはCanvas要素ではありません。

とすることができます。 undefined まだ初期化されていないか、間違って選択されています。

ダブルチェックが必要です。 event.target が、canvas 要素に click イベントが追加されている場合。